Joomla Templates Club 406,261 posts

[emaulidi Friend emaulidiJoin date: November 2014Posts: 35Downloads:93Uploads:14]

#985153

Hi,

How can I change the background colors of the main menu, position-1, position-2 and position-3 modules to my own colors. All the theme colors are not what I want, I have my own colors. Please assist urgently.

Eric.

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

#985156

Hi

Please post a mockup screenshot of desired changes and we will help you

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#985157

Hi
Add below code to change the background colour for the main menu
path :/css/custom.css file in the template folder , if file is not present , kindly create it .

.t3-mainnav {
    background-color: #eee;
}

Position 1,2,3 using the module suffix for the background color .
You have to create your own color and replace the module suffix with you module suffix .
Example :

http://prntscr.com/d5g650
Position 1 module using module suffix : module-bg bg-gray-dark

Now define new module suffix in custom.css file as in my example below

.module-bg.bg-newcolor {
    background: #23263d;
}

Now add module suffix : module-bg bg-newcolor
In the module options .

change the color code as per needs .

[emaulidi Friend emaulidiJoin date: November 2014Posts: 35Downloads:93Uploads:14]

#985218

This reply has been marked as private.

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

#985240

emaulidi wrote:

What about the footer? I want to change its background color aswell.

Hi there

Add to your custom.css file this code

.t3-footer {
background:#yourcolor!important;
}
.t3-footnav .t3-module {
background:#yourcolor!important;
}

Regards

---

Attachments:

1. 

[Author]

Posts