9
votes
Accepted
How to override an extension CSS file
You firstly need to ensure the developer has used the correct approach for importing the CSS file, using JHtml, like so:
JHtml::_('stylesheet', 'mod_module/style.css', ['relative' => true]);
The ...
- 26.9k
9
votes
How do I override the CSS styles in my template?
Joomla 3.5+ (Protostar template)
As of Joomla 3.5, you're able to create file called user.css and place it in:
templates/protostar/css/user.css
Note: the file name must be user.css
The protostar ...
- 26.9k
5
votes
Accepted
Fit recaptcha inside the module
You can set recaptcha element width with css like that:
Place those lines in your module's php file
$document = JFactory::getDocument();
$recaptcha = '#dynamic_recaptcha_1>div>div {'
.'...
- 171
5
votes
How do I override the CSS styles in my template?
Helix Framework (JoomShaper)
Another Joomla template framework, that facilitates the customization workflow.
Helix Framework templates provide as well an easy way to add your custom styles with 2 ...
- 19.6k
5
votes
CSS Change won't apply - Where could the cache be?
Do you reach directly to the updated css file through your browser and you see the old css?
Or you just don't see the changes taking effect
on your site?
Some suggestions for both scenarios:
A. Do ...
- 19.6k
5
votes
Accepted
CSS/HTML problem on Joomla config page (3.6.1 and 3.6.5)
You might want to use Admin Tools or RSFirewall to do a malware scan. There are known cases where certain malware can cause this problem: https://forum.joomla.org/viewtopic.php?f=706&t=902880
- 1,901
5
votes
Accepted
How to add custom JS/CSS file, without modifying the template (from extension)?
Here is the documentation:
https://docs.joomla.org/J3.x:Adding_JavaScript_and_CSS_to_the_page
If you wish to add different css and js to the front and back of the site then you should use a system ...
- 3,299
5
votes
Accepted
Can I delay loading a css file until a user is logged in?
Very interesting and good question in my opinion.
For this task I would use the 'joomla_user_state' cookie which is available from your template index.php file. (otherwise you can do this form a ...
- 2,896
4
votes
Random image in an article
You have to use a more specific CSS selector in order to target only the main image, and not all images added to an article.
The main article image (added through the "Images and links" tab in the ...
- 13.3k
4
votes
How do i Style a module to appear in a different color on a particular page
Two ways for this situation -
Go to the menu where you have to add "Color2" and go to Page Display tab. There you will see an option for Page Class just add the page class and then add css for the ...
- 1,801
4
votes
Where to include additional stylesheets in my template?
If you want to add it directly to your template's index file you might be better off using the JHtml::stylesheet method:
<?php
JHtml::_('stylesheet', JUri::base() . 'templates/gk_simplicity/css/...
- 372
4
votes
How to make a menu item (menu link) invisible in a footer menu?
Login to your website administration site
Go to Menus -> Your menus which has this menu item
Click on the Unpublish button of the desired menu item
If you do not want to unpublish and just want to ...
- 2,991
4
votes
Accepted
Page titles overrun screen size in mobile view - sustainable solution?
The following would cause the word to wrap.
h1.article-title {
word-wrap: break-word;
}
However, you'd probably be best just changing the font size at that breakpoint - this would keep it more ...
- 3,072
4
votes
Accepted
How to force cache/browser data clearing in browser?
I have faced the very same problem many, many times. In the meantime I have learned that one can force browser to clear its cache only by versioning assets loading. So you need to find where your ...
- 3,007
4
votes
How to force cache/browser data clearing in browser?
You can use mediaVersion. There are a few ways to do that.
Look into those 2:
Manually adding version to loaded files:
$v = JFactory::getDocument()->getMediaVersion()
JHtml versioning of loaded ...
- 1,130
4
votes
Accepted
Problem with centre aligning a module and its content
You have a cache on, so I can't point you to the exact place in the code, but basically the outside of the module has the following css at a breakpoint between 320 and 667px:
#search .module-inner {
...
- 3,072
4
votes
How do I find / write a css class that has a space in the beginning?
CSS classes and IDs never start with spaces, and they also never have spaces in the middle of it as well.
As Sharky commented, an element can have multiple classes, and those classes must be ...
4
votes
Getting CSS style to vary with different module instances
I figured out my problems, so I thought I would answer my own question.
1) Different styling for different instances of the same module
Don't forget Joomla has unique module ids! And there's an ...
- 299
3
votes
Accepted
The background color of my login screen turned black. How do I change it back to the default?
$this->params->get means there is a parameter in your Template options.
Simply go go:
Extensions >> Templates >> Isis >> Advanced
Then the color parameter you need to change it "Nav Bar ...
- 26.9k
3
votes
How do I override the CSS styles in my template?
Gantry 5 (RocketTheme)
Gantry 5 is the latest version of the popular template framework and it provides a lot of new features and capabilities.
Regarding CSS overrides, there is a lot of flexibility ...
- 19.6k
3
votes
How do I override the CSS styles in my template?
Johanpw has done a very good job with his answer on his own question... especially regarding the css overrides for many commercial templates.
I would only like to add my two cents here...
As Johanpw ...
- 19.6k
3
votes
Css file erases new editing
This can be for one of this possible reasons:
Your template uses some framework, like T3 or Helix, and you have enabled a feature that allows you to compile the code every time the page is reloaded.
...
- 1,382
3
votes
How Templates work and load css/js files? Website building process with Purity III
Your question consists of two questions, which both are too broad to be explained in details here, plus it seems there is a big gap of knowledge you have to cover.
1. What does happen if i call ...
- 19.6k
3
votes
How to move down background image?
You can use a tool like Firebug or similar for inspect your source code of your site in your browser.
A tool like this will give you information about the selectors and the path where they are ...
- 1,382
3
votes
Accepted
CSS Change won't apply - Where could the cache be?
Some really cheap and oversold hosts tend to cache asset files (images, JS files, CSS files) for a long time. Check in a few hours to see if the file was updated.
If not, and assuming you cleared ...
- 3,216
3
votes
CSS/HTML problem on Joomla config page (3.6.1 and 3.6.5)
I bet there is a fatal error somewhere, which prevents the complete execution and results to see an incomplete rendered page and the essential css/js files missing.
Enable error reporting and likely ...
- 19.6k
3
votes
Accepted
UPDATED: Prevent font color from changing when hovering over child menu item
The hover colour appears to be set when you hover over the <span> that contains your title, but your sub-menu is not part of this tag.
A simplified version of your menu item is as follows...
&...
- 3,072
2
votes
How do I change the appearance of the search results page?
Best option will be if you use Mozilla Firefox, and then install the add-on extension WebDeveloper.
That extension will help you a lot with discovering where are you on your HTML code, which CSS class/...
- 41
2
votes
How do I change the appearance of the search results page?
The best way for make this changes is making an override.
First, here some docs for make the override step by step:
https://docs.joomla.org/J3.x:How_to_use_the_Template_Manager
Now you need to ...
- 1,382
Only top scored, non community-wiki answers of a minimum length are eligible