Joomla Templates Club 406,261 posts

[melanie_h Friend melanie_hJoin date: December 2009Posts: 39Downloads:0Uploads:10 Thanks: 3 Thanked: 2 times in 1 posts]

#194398

Template: 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.

---

Attachments:

1. 
2. 

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

#520859

So that we can try to best assist you, please set “Optimize CSS” to “No” within your Template Manager–General settings

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

#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 Friend melanie_hJoin date: December 2009Posts: 39Downloads:0Uploads:10 Thanks: 3 Thanked: 2 times in 1 posts]

#521011

Thank 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 30p

All 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 Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#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.

---

Attachments:

1. 

[Author]

Posts