Joomla Templates Club 406,261 posts

[spattymac Friend spattymacJoin date: October 2013Posts: 19Downloads:0Uploads:5 Thanks: 7]

#191558

Hello,
I would like to change the color of the HTML Modules, like contact, gallery etc. But when I try to use ThemeMagic it basically messes up my entire template that I’ve customized. Is there a way to edit the color of these without using ThemeMagic? Thank you in advance!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#509657

Hi

<blockquote>Is there a way to edit the color of these without using ThemeMagic? </blockquote>

Of course you can
You can edit the css files related to the modules editing the template.css file in folder /templates/ja mero default /css
remember to disable CSS optimization from your template manager General Tab

[spattymac Friend spattymacJoin date: October 2013Posts: 19Downloads:0Uploads:5 Thanks: 7]

#511893

Hello! And thank you for your response! I apologize it’s taken me awhile to respond as I’ve been unfortunately quite busy. However, I am attempting to do this and wondered if you could give me some direction as to which part in the css to change? It’s not very clear which mod goes with what. I am trying to change the color of the Contact module. Would it be this?
}
.module.mod-hilite5 {
background: #d9532d
color: #fff
}
.module.mod-hilite5 .module-title {
color: #fff
}

Thank you very much in advance!!!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#511900

Might you be able to provide the url of the site you’re working on – so we can provide more accurate recommendation for you?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#511924

Hi

<blockquote> I am trying to change the color of the Contact module</blockquote>

The files to change colors depending on wich theme are you using every theme have a specific folder

could you be more detailed about this ? maybe also post a screenshot of what exactly you want to change ?

[spattymac Friend spattymacJoin date: October 2013Posts: 19Downloads:0Uploads:5 Thanks: 7]

#512017

Absolutely and thank you so much for your help!!
http://www.spattymac.com/ztesting
This link should take you to the site I am working on. I’m using the JA Mero template.What I am trying to change is the contact module on the right hand side that is sort of a light blue. I’d like to change it to a green that works better with my site, however when I use ThemeMagic it screws up the entire page. So I’d like to change it with the css if possible.
Thanks in advance!!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#512049

Hi

For that specific module named “quick contact” you can change the module class suffix that actually is set to mod-hilite1
you can assign to it the same suffix like twitter module ( green )
to change it open the quick contact module and in Options Tab go to Advanced Options and in
Module Class Suffix change to mod-hilite4 no-padding

---

Attachments:

1. 

[Author]

Posts