Joomla Templates Club 406,261 posts

[Mustapha Mugisa Friend Mustapha MugisaJoin date: April 2014Posts: 46Downloads:77Uploads:5 Thanks: 3 Thanked: 2 times in 2 posts]

#197513

Hi,

I would like to change the theme color to look like my client’s main brand colors (http://www.mtn.co.ug). How can I change the existing them color (blue #2F9DC6) to (yellow #FFBE00)?

Your urgent help will be appreciated.

Kind regards,

Mustapha

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

#534205

In a nutshell, you are going to have to dig into the CSS to modify the color properties.

If you do not do so already, I highly recommend utilizing an online web development tool – such as FIREBUG – to identify the correct CSS rules and test out modifications. (NOTE: This works best when you set “Optimize CSS” to “No” within your Template Manager–General settings).

Also, many of the color elements are actually background images – or a combination of a background gradient image and a color code. For example – the module titles are controlled by the following CSS rule:


div.ja-moduletable h3, div.moduletable h3 {
background: url("../templates/ja_social/images/grad-d1.gif") repeat-x scroll left top #238DB4
color: #FFFFFF
font-family: "Segoe UI",Helvetica,sans-serif;
font-size: 110%;
font-weight: bold;
margin: 0;
padding: 10px 15px;
text-transform: uppercase;
}

Or the color of the article headlines:


a {
color: #238DB4
text-decoration: none;
}

Hope that helps to point you in the right direction.

[Author]

Posts