Joomla Templates Club 406,261 posts

[cambo Friend camboJoin date: January 2008Posts: 8Downloads:19Uploads:2]

#890219

Hello I made some changes with the default color on my template. To change the JA-masthead module I put the code below into my custom.css It works fine on my contact page, but when I click on "Our-Services" in menu I got the original color, maby because it use another template in JA-Medicare? My question is who I get the new color works in every pages that use JA-Masthead

.ja-masthead::after { background: none repeat scroll 0 0 #29485d; content: ""; height: 100%; left: 0; opacity: 0.9; position: absolute; top: 0; width: 100%; z-index: 1; }

Regards Peter

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

#890228

Hi
You can use the Menu item id with the class and define different color for different menu items .
For example for contact page use this code

.itemid-489 .ja-masthead::after{background:none repeat scroll 0 0 #29485d; }

For Om Oss menu items use this code in custom.css

.itemid-473 .ja-masthead::after{background:none repeat scroll 0 0 #29485d; }

473 is Menu item ID .Change the color code in above codes and check .
Kindly Remove the current code that added in custom.css first , and run this code in custom.css .
Hope it helps .

[cambo Friend camboJoin date: January 2008Posts: 8Downloads:19Uploads:2]

#890275

Thanks worked fine!

I tried to use same method with .blog-date class but it only works at frontmage news, when I use it on JA-Medicare "News&Event" menu link I got the original color. Just the one with ID: 435 works
Any ideas about this?

.itemid-548 .blog-date {
background: #29485d;
color: #ffffff;
}
.itemid-435 .blog-date {
background: #29485d;
}

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

#890284

Hi
the suggestions are only for masthead as i suggested in the code above , you it in the same way .
For other customization i suggest you to use firebug/inspect element tool to check the style classes and then override the style in custom.css file .

[Author]

Posts