-
AuthorPosts
-
melanie_h Friend
melanie_h
- Join date:
- December 2009
- Posts:
- 39
- Downloads:
- 0
- Uploads:
- 10
- Thanks:
- 3
- Thanked:
- 2 times in 1 posts
February 2, 2014 at 7:08 pm #194398Template: JA Community Plus
Site: http://rtpc.net/On the Slideshow, I would like to change the “blue” color on the heading title to a different color. Where can i set that in the CSS? (attached image to show what I want to change)
Also on the mega menu, drop down, I would like to change the bright green color links. Where can I set that? (attached image of what I want to change)
Thanks.
-
TomC Moderator
TomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
February 2, 2014 at 8:03 pm #520859So that we can try to best assist you, please set “Optimize CSS” to “No” within your Template Manager–General settings
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
February 3, 2014 at 10:12 am #520922@melanie_h: Please find my answers to your questions below:
<blockquote>On the Slideshow, I would like to change the “blue” color on the heading title to a different color. Where can i set that in the CSS? (attached image to show what I want to change)</blockquote>
Open templates/ja_community_plus/css/menu/mega.css file and modify the declaration in red:
.ja-megamenu ul.level1 li.mega a.mega {
font-size: 100%;
color: #77bc2c;
padding: 5px;
position: static;
z-index: 0;
}<blockquote>Also on the mega menu, drop down, I would like to change the bright green color links. Where can I set that? (attached image of what I want to change)</blockquote>
Open modules/mod_jaslideshow/assets/themes/community/mod_jaslideshow.css file and modify color in red:
#ja-slideshow .maskDesc { background: #eae8e0; width: 500px !important; right:0; z-index:1;}
Remember to clear cache from Admin area after making those changes.
melanie_h Friendmelanie_h
- Join date:
- December 2009
- Posts:
- 39
- Downloads:
- 0
- Uploads:
- 10
- Thanks:
- 3
- Thanked:
- 2 times in 1 posts
February 3, 2014 at 9:32 pm #521011Thank the help is appreciated.
on this question: Also on the mega menu, drop down, I would like to change the bright green color links. Where can I set that? (attached image of what I want to change) I changed this code and it worked fine:
.ja-megamenu ul.level1 li.mega a.mega {
font-size: 100%;
color: #77bc2c
padding: 5px;
position: static;
z-index: 0;
}(The instructions above are backwards, but I get the gist!)
My question: On the Slideshow, I would like to change the “blue” color on the heading title to a different color. Where can i set that in the CSS? (attached image to show what I want to change)
The code here: #ja-slideshow .maskDesc { background: #eae8e0 width: 500px !important; right:0; z-index:1;} The background is fine, I do not need to change that, rather the font color of the heading in the slideshow. So I changed the color on this code:.ja-slide-desc h3 {
background: #eae8e0
color: #0C8677
font-size: 220%;
font-weight: bold;
margin: 40px 0 0 30pAll is good. Thanks again, I appreciate the help finding the correct CSS.
Is there a way to find what CSS the item is connected to? (Just curious. I do inspect element or view page source and sometimes can’t figure out a few things. The main items are simple, just wondering about these elements.)
Thanks again!!!
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
February 5, 2014 at 7:14 am #521243<blockquote>(The instructions above are backwards, but I get the gist!)</blockquote>
My apology for this. Anyway, you sorted it out already 🙂<blockquote>Is there a way to find what CSS the item is connected to? (Just curious. I do inspect element or view page source and sometimes can’t figure out a few things. The main items are simple, just wondering about these elements.)</blockquote>
You can find all css on your site via this path: templates/ja_community_plus/css and use inspect element of firebug (Firefox plugin) to debug css file.
Alternatively, you can go to Admin site -> Extensions-> Template Manager -> JA_Community_Plus – Default ->Optimize CSS set No, see the screenshot:
You will see directly css path on your site when use inspect element.
Hope it helps.
AuthorPostsViewing 5 posts - 1 through 5 (of 5 total)This topic contains 5 replies, has 3 voices, and was last updated by Ninja Lead 10 years, 9 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum