Joomla Templates Club 406,261 posts

[kmkmedia Friend kmkmediaJoin date: January 2014Posts: 30Downloads:66Uploads:3 Thanks: 3]

#198037

Hello,

I have been trying to figure out how to change the heading color of just the features-3 module. I have the features-1 module the correct color I need, but I want to change features-3. I see with firebug that it is getting its color from “background-primary”. I found where I can change it in firebug to get the color i want: div class=”col-xs-12 col-sm-6 col-md-3 col-cmd-12 category-info background-primary” but I cannot find where that is in the code. I looked through the mainbody-features.php in the tpls folder to see if I could see that code somewhere but all the features had basically the same code. It looks like it is a couple divs further in as well. I just need to change it to “background-primary2” but I cannot find where to change it at. Does anyone know where in the code I can fix it so the heading box will be a different color using the class “background-primary2”?

Thanks,
Shaun

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

#536138

Just for the sake of expediency, which element on your site is the “features-3” module ??

[kmkmedia Friend kmkmediaJoin date: January 2014Posts: 30Downloads:66Uploads:3 Thanks: 3]

#536139

“Featured Homes” is the module. Right now it has a green background being pulled from the class background-primary but we have a blue background that we want features-3 to have with the background-primary2 class.

Thanks,
Shaun

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

#536141

Try This . . . .

If you haven’t done so already, create a new file called “custom.css” within file path –> /templates/ja_fubix/css

Within that custom.css file, paste the following CSS rule:

.background-primary {
background-color: #4B973D
}

Change the color code for the background property to whatever color code you wish.

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

1 user says Thank You to TomC for this useful post

1. kmkmedia

[kmkmedia Friend kmkmediaJoin date: January 2014Posts: 30Downloads:66Uploads:3 Thanks: 3]

#536142

That changes both modules to the same color. I need to keep .background-primary the color it is already and I need the module position featured-3 to read .background-primary2 instead of .background-primary. Is there a file that is telling all the feature modules to read .background-primary? If there is, I just need to change it so featured-3 reads .background-primary2.

Thanks,
Shaun

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

#536143

You may need to set a specific MODULE CLASS for that particular element/module.

[kmkmedia Friend kmkmediaJoin date: January 2014Posts: 30Downloads:66Uploads:3 Thanks: 3]

#536144

I tried that. That only changes the font color(because the font color is white but is supposed to have the different color background) of the 3 articles it is pulling out for the homepage. It doesnt change the color of the main heading. I attached some images that explain better what I am trying to do.

Thanks,
Shaun

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#536173

Please try this tweak.

Open the templates/fourseasonsdreamhomes/css/custom.css file and add new rule as follows:


div.normal-style.category-module .background-primary {
background: #3b94d5 ;
}


Let me know if it helps.

2 users say Thank You to Ninja Lead for this useful post

1. kmkmedia
2. phoenix28

[kmkmedia Friend kmkmediaJoin date: January 2014Posts: 30Downloads:66Uploads:3 Thanks: 3]

#536235

That was it! Thank you guys for all your help on this!

Thanks,
Shaun

[Author]

Posts