By Peter on Friday, 18 April 2014
Posted in General
Replies 12
Likes 0
Views 1.1K
Votes 0
Following this suggestion

3. Making minor css adjustments
If all you want to do is to just modify some coloring / styling of buttons etc, you SHOULD NOT NEED TO OVERRIDE ANYTHING. You just need to edit your Joomla template's css file and add your changes there.


For my test, I am changing the background color of the alert box

div.alert.alert-warning {
background-color: red;
}


Cleared cached but it is still not working.

Are there additional steps missing?
Hello Peter,

Sorry for late reply to this,
May i know do you applied the css code in correct template css file? Have you using some 3rd party component needed to cleanup the cache from your server?

Is it possible to provide us some screenshot which part you would like to modify the CSS and provide us with your Joomla backend and FTP access so we can help you check on this? Please advise.
·
Friday, 18 April 2014 23:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Peter,

It would be advisable that you provide us with the link to your site so we can understand what template you are currently using for your site
·
Saturday, 19 April 2014 01:44
·
0 Likes
·
0 Votes
·
0 Comments
·
I've added the details.

Here is an example of what I would like to edit:
http://i.imgur.com/Ie4g3hU.png

I tried changing the background color of this alert box within wireframe and added my code (see my post above) to the template.css of protostar.
·
Saturday, 19 April 2014 10:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Peter,

I have tried to access in your site, but i getting this : Warning Username and password do not match or you do not have an account yet.
Please advise.
·
Saturday, 19 April 2014 11:52
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry, must be a typo on my end. Added details again.
·
Saturday, 19 April 2014 14:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Peter,

I have inspected the element of your site, If seems like you're applied in correct file, i have help you add the !important in your css,
div.alert.alert-warning {
background-color: red !important;
}

It work fine now.
·
Saturday, 19 April 2014 14:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Sounds like if it doesn't work, I will have to apply !important to each area.

Thanks for your help!!
·
Monday, 21 April 2014 03:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Peter trying using http://extensions.joomla.org/extensions/style-a-design/templating/21408 and then a custom.css file. It ALWAYS loads last and unless the item your overriding has a !important in it it will take precedence.
·
Monday, 21 April 2014 03:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Troy

Will give that a try.

Thanks for suggesting an alternative method.
·
Monday, 21 April 2014 05:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for sharing Troy
·
Monday, 21 April 2014 09:43
·
0 Likes
·
0 Votes
·
0 Comments
·
yw... alot of template don't easily support custom.css and this makes it so simple imo
·
Monday, 21 April 2014 11:03
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Troy,

Thanks for heads up
Have a nice day
Sam
·
Monday, 21 April 2014 11:50
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post