Joomla Templates Club 406,261 posts

[vincentochus Friend vincentochusJoin date: December 2015Posts: 63Downloads:55Uploads:40]

#951373

Hi,

How can I change the background color for the megamenu? from white to another color see attachment

---

Attachments:

1. 

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

#951409

Hi
add below code in custom.css file to change the Bg color of main nav

.t3-mainnav {
    background: #ffffff!important;
}

Rest the bg color is white where you are using category color . If you also want to change it
you need to override the category color too in custom.css file .
Example for blue

t3-megamenu .cat-blue {
    background-color: #ffffff!important;
}

[vincentochus Friend vincentochusJoin date: December 2015Posts: 63Downloads:55Uploads:40]

#952673

I cannot find the custom.css file, can you point me to its location?

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

#952727

Hi
Go to /templates/ja_teline_v/css/custom.css file , if there is no custom.css file then create it and add the code .

[vincentochus Friend vincentochusJoin date: December 2015Posts: 63Downloads:55Uploads:40]

#968464

Thankyou. I was able to create the custom.css file and edit it. Now, I also need to change the highlighted text color from black to another color. How can I change the color of highlighted text.

Second question. How can I change the colors of the modules highlighted in the capture screen. Thankyou

---

Attachments:

1. 
2. 

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

#968608

Hi
To change the color of calendar and home button

.header-right .calendar {
    background: #e5e5e5;
    color: #333333;
 }

For Home button

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #111111;
}

Add the code in custom.css file and change the color code .

[vincentochus Friend vincentochusJoin date: December 2015Posts: 63Downloads:55Uploads:40]

#971448

This reply has been marked as private.

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

#971518

Hi
Kindly post the URL of site and provide me screenshot of the problem with the code that you are adding and changing the other parts .So that i can check it on your site .

[Author]

Posts