Questions tagged [css]

CSS (Cascading Style Sheets) is a style sheet language used for describing the look and formatting of a document written in a markup language.

Filter by
Sorted by
Tagged with
0
votes
2answers
71 views

keep template's shape in different browser size on pc [closed]

Is that possible to keep away website of browser size changes like decrease browser size or restore down on pc or laptop? I wanna keep my website's shape in one shape in pc or laptop when user change ...
2
votes
2answers
646 views

How to add CSS to component settings?

I am working on a Joomla component, which includes hyperlinks. I'd like to include the URLs for the links in the configuration of the component. Therefore I added a config.xml to the main directory ...
3
votes
1answer
155 views

How can Joomla isis template be forced to display dropdown menu icons?

Various 3rd party extensions have dropdown menu icons that don't appear in ISIS because ISIS doesn't provide for dropdown menu icons. This is caused because ISIS has the following CSS activator. ....
-1
votes
1answer
73 views

Make 2 module positions the same height

I'm struggling with something that should be really simple. I have 2 modules side by side one displays a widgetkit slideshow the other a googlemap. I want them to display completely inline - i.e. ...
2
votes
1answer
469 views

How to add custom JS/CSS file, without modifying the template (from extension)?

I am writing a custom extension, and i wanted to add specific JS and CSS into admin dashboard (on every page), and also different JS/CSS files on front-end... I have seen many answers, but all of ...
1
vote
1answer
285 views

Keep text within background image in Joomla Module

I am adding a button to pop up a newsletter signup form inside a module. I have a background image set and am looking for a way to ensure the text says on top of the background image regardless of ...
1
vote
4answers
1k views

Customizing Protostar - Empty space in Joomla Protostar Template

OK, so I am brand new to Joomla, figuring it out as I go along. I mean, that is what Joomla is for, being able to do it yourself. So I have been sitting for two days at an end, trying to get that ...
2
votes
1answer
78 views

Retrieve JCH CSS file from outside Joomla?

JCH outputs the combined and compressed CSS file as: /media/plg_jchoptimize/assets/gz/1/0/21258391ff538dceaca26d18cb55cb1b.css Since this is a randomly generated link every time JCH refreshes the ...
2
votes
1answer
169 views

Specifying Joomla Menu Classes

I am attempting to use a Text Separator as a non-clickable menu parent header. Unfortunately the template I am using formats this differently to the clickable menu items, so I would like to modify ...
0
votes
3answers
540 views

Articles list from a category displayed in 2 columns

I try to display the articles list from a specific category (mod_articles_category) in 2 columns. There is a great example here about what I want: http://jsfiddle.net/HP85j/393/ I would love to do ...
0
votes
1answer
843 views

Changing the headerlogo in beez3 template the image isn't fit to the headerlogo

I have Joomla 3.7. I have replaced the file personal2.png in /templates/beez3/images/personal/personal2.png to another image with the same resolution ( 1060X288 ). The Image Logo changed but the ...
1
vote
2answers
798 views

Override Global CSS within Article

I have one article, where I want to apply different styling to it than what the global is. I tried to add it like so <link rel="stylesheet" type="text/css" href="https:"/ tag at the top of my ...
1
vote
1answer
806 views

Remove white space when using display:none on elements in print.css

I'm trying to simplify the print view for a client by removing images (and some other elements) however, this leaves some huge white gaps between the other elements in the print view. Does anyone ...
1
vote
2answers
107 views

Masthead module 'Jumping' just after page load

I'm slowly working my way through a number of bug fixes across a number of sites and came to this one, which has had me baffled for quite some time. The site uses a Masthead/Masshead (whichever it is)...
2
votes
1answer
40 views

Page titles overrun screen size in mobile view - sustainable solution?

I have built a site in German and some of the page titles are quite long. When viewing the site in a mobile view some of the page titles disappear off to the right hand side of the screen, thus the ...
0
votes
2answers
38 views

Module displaying outside of container

I'm pretty sure I have posted this before and rectified the issue, but I cannot seem to find the post. I have a module which I just want to display as a darkblue empty module, filling the module ...
0
votes
1answer
54 views

Struggling to make module same height as Hero background image

I am working on converting a static site to Joomla and am getting a bit stuck with regards to styling a module position so that it is the same height as the background image for the row. The look I ...
1
vote
1answer
92 views

Footer position overlapping content - definitive way to ensure it is always below?

I have been asked to have a look at an issue on a site where by the footer position seems to overlap the content. The CSS for the position is: #jsn-footer { position: relative; font-size: ...
1
vote
2answers
467 views

Load a custom css file from a component into the head tag after the backend template css file

I'm trying to load a component custom css file, placed in the frontend media folder in the media/mycomponent/css folder, to load into the backend after the backend template.css file (Isis) is loaded (...
0
votes
1answer
74 views

Images missing from print view - K2

I'm not sure whether this is Joomla related or general however, When clicking print on the following page there should be images at the bottom of the page where it says sponsors, no matter what I do i ...
0
votes
1answer
1k views

Bootstrap nav bar in joomla 3

I tried to make my excisting template ready to use with Joomla 3.7.0. Everything went easier then I expected untill I got to the part where I had to implement the menu. In the layout I was using the ...
0
votes
1answer
92 views

UPDATED: Prevent font color from changing when hovering over child menu item

I'm baffling myself with this one. Updated: I had to make some CSS menu changes and now the previous solution no longer works - Any suggestions? I have a Joomla main menu set up and when you hover ...
2
votes
2answers
548 views

CSS/HTML problem on Joomla config page (3.6.1 and 3.6.5)

I have a rendering problem with my config page, which is loaded with /index.php?option=com_config It shows up without any Styling - and without any embedded JavaScripts. When I look into the HTML ...
1
vote
1answer
81 views

Joomla Editor: select image looks ugly (no css?)

When I want to insert an image in an article, the modal where I select an image is very ugly. It seems there is no CSS which makes the modal more beautiful. In my index file I've got the following ...
1
vote
2answers
257 views

best way to add third party js and css

I need to add a third party js and CSS to my template head. I'm getting Leverage browser caching and someone advised me to load the files locally. created a directory in root: assets/third-party/ ...
2
votes
1answer
543 views

Template Modal Conflict

Joomla 3.6.5 Joomshaper Helix 3 Template link FavimageHover Module link I have the FavimageHover module installed on my site, it works great until I try and add images via the front-end. There seems ...
0
votes
1answer
342 views

Customization Of Joomla! Form Fields In Frontend (Tag Field Specifically)

Is there anyway to customize how a standard Joomla! field type displays in the front end? I have created a form and every field looks fine EXCEPT the "tag" field type which for some reason is styling ...
0
votes
3answers
81 views

Apply CSS to multiple articles via URL

I have some custom CSS I'd like to add to my template's user.css file. It's CSS that is supposed to be applied to all of my newsletter articles. There's a lot of them. So, I know how to apply CSS to ...
2
votes
1answer
869 views

Site CSS Fails To Load (sometimes)

Joomla 3.6.5 Helix Framework Version: 1.8 SEF & URL Rewriting enabled (No third party extensions installed) Helix3 Template link System & page cache off I am facing a strange problem with my ...
6
votes
4answers
3k views

CSS Change won't apply - Where could the cache be?

I've encountered a strange problem that I've never seen before. I edited a CSS file and uploaded it to my server. From my hosting's file manager, I can see the file is updated. But in my local ...
3
votes
1answer
300 views

Where to call for CSS/JS in custom component for frontend views

I've created a custom component with a dashboard that needs styling with CSS. I've created the CSS file and I'm looking at calling for it in the frontend view. Working with J! 3.6.5 and a MVC ...
3
votes
1answer
18 views

JomSocial feed images getting height set inline. How do I turn this off?

Images added to the feed are getting a height set inline which resizes the images. Any ideas where I might go in JomSocial configuration to turn this off?
0
votes
0answers
447 views

K2 Pagination not showing on correct item

I have an issue where the pagination in K2 Category layout is not showing the active class on the correct element. This page is an example https://realsport101.com/news/page-3 This is showing the ...
0
votes
2answers
68 views

Module class suffix not applied after joomla update

I just updated my site to version 3.6.4 and I'm having a strange issue where module class suffixes aren't being applied. I'm editing a single article module as well as a custom html advanced module ...
0
votes
1answer
242 views

How to determine (and fix) z-index of an anchor tag within a custom module?

I have adapted Webtiki's Responsive hexagon grid into a custom html module, however something is messing with the stacking of the anchor tag. When I added the html to my joomla site, the link seems ...
1
vote
2answers
438 views

Style a custom HTML module

So, I have worked up a html menu with a css3 hexagon grid that I'm adding to a page with a custom html module. Can I add a separate style sheet for this module? If so, how?
0
votes
1answer
2k views

Styling the default tooltip in joomla 3.6.X

Does any know how to edit the default tooltip in joomla 3.6, i cant seem to find the classes in the CSS files.
1
vote
1answer
84 views

Add a different class to each item

I have a problem with long article titles at my homepage. https://imgur.com/NhtkJh3 I've tried to condense it to one-line by putting the HTML/CSS code in plugins like sourcerer or rokcandy, however ...
1
vote
2answers
979 views

Need help with my Masthead image in Purity III theme

Joomla! 3.6.2 Purity III 1.1.7 I have created custom.css file in /purity_III/default In it I put this code: .page-masthead .jumbotron.jumbotron-primary { background: url("/images/norwegia.png") ...
1
vote
1answer
112 views

Joomla - Display block of a tooltip not work in main menu

I'm trying to display a tool tip when you have your mouse over to the menu item " blog ". My tooltip, content in the menu is this: < li id="newitem91">< div class="tool-tip">< span>tool tip!...
1
vote
2answers
99 views

Empty space before doctype in custom joomla template

Hello I have custom joomla template: Demo is here When I check source code for this template here is empty space before doctype html. I try to make: included helper file and here is no problem. (...
1
vote
2answers
133 views

Easiest way to make a dynamic 'assessor' or 'quiz'

I was working on a Joomla website with mainly HTML + CSS. I'm learning Java, but have barely any experience in JavaScript, though when reading the code I can eventually understand it. All I wanted ...
0
votes
2answers
135 views

Extreme Joomla Optimization

Hello all Joomla StackExchange users, I am developing I site which is particularly complex and uses a lot of CSS and JS assets to work properly. Usually, I would fine tune JCH Optimize to get the work ...
0
votes
3answers
618 views

Custom css override confusion - Styles not changing?

I have been working on a Joomla site (latest versions of everything) for a while and i am now customising a page created with SP page builder. I have created the following html: <div class="...
0
votes
1answer
39 views

Text got all messed up (misaligned) in an article

I had a similar issue before in the footer, but it was solved when I used this code: .bottom-d-outer p { margin: 0 0 9px; } Now I've noticed that I have the same issue in an article and I'm not sure ...
0
votes
1answer
27 views

How to get rid of horizontal scroling?

I wanted to make a background image being fully visible in all resolutions. It was suggested to me to use this code to achieve it: body {background:none !important;} .header-outer { background: #fff ...
1
vote
1answer
44 views

Text got all messed up (misaligned) in the footer

Now all of a sudden I have a weird issue. For some reason, in the footer where you see 4 columns (those are all Custom HTML modules in Joomla) - HELPFUL LINKS, NEWSLETTER, CONTACT US and BUSINESS ...
1
vote
2answers
192 views

How to move down background image?

How can I move down the background image,so the word OUTSOURCING would be just below the logo? I think with video bg I have the same issue too... Top part of it is too high up. http://idevsky.com
0
votes
2answers
45 views

How to move a footer menu 150 px to the right?

I want to move the footer menu 150 px to the right. Also please let me know which file to edit and what line. Otherwise I would be stuck with a code and I won't know what to do with it. Here's the ...
1
vote
1answer
230 views

How to make a menu item (menu link) invisible in a footer menu?

I want to know how to make a menu item (menu link) in a footer menu invisible? You can see it on a print screen I'm attaching to this question. A red arrow and red underlining show which link I'm ...