Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • melanie_h Friend
    #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.


    1. color-change-_-slideshow-heading-text
    2. dropdown_menu_color-change
    TomC Moderator
    #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
    #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
    #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
    #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.


    1. Optimize_CSS
Viewing 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