-
AuthorPosts
-
May 21, 2014 at 9:02 pm #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,
ShaunTomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
May 21, 2014 at 9:05 pm #536138Just for the sake of expediency, which element on your site is the “features-3” module ??
May 21, 2014 at 9:07 pm #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,
ShaunTomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
May 21, 2014 at 9:11 pm #536141Try 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
May 21, 2014 at 9:18 pm #536142That 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,
ShaunTomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
May 21, 2014 at 9:26 pm #536143You may need to set a specific MODULE CLASS for that particular element/module.
May 21, 2014 at 9:40 pm #536144I 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-
Ninja Lead Moderator
Ninja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
May 22, 2014 at 5:15 am #536173Please 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.
-
AuthorPosts
Viewing 9 posts - 1 through 9 (of 9 total)This topic contains 9 replies, has 3 voices, and was last updated by kmkmedia 10 years, 5 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum