Home>Support>Tittle color

Tittle color

By Julie Bongas, 7 years ago. Last reply by Daniel, 7 years ago.

Hello,

I followed your advice to change the color of the text in the side bar (https://siteorigin.com/thread/color-sidebar-widget-banner/#comment-45213). It works very well and I did what I wanted in the sidebar.

But, It alsow change the color of the tittle port !!! How can I change this color ?
NB : when I go in the appearance, personalize, it doesn’t work.

Thanks for answering,

Julie

URL: http://www.fengshui-et-sens.fr

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 4 months ago Daniel Hi, I Work Here

    Hi Julie,

    I would be happy to help. I am not exactly sure which titles you mean though. Could you point out which ones you want the color to change for.

    Thanks!

  2. 7 years, 4 months ago Julie Bongas

    Hello Addo,

    I would like to change the color of the post tittle.
    For example here (http://www.fengshui-et-sens.fr/meee-bonne-annee-de-la-chevre/) I would like to change the color of : “Mééé Bonne Année de la Chèvre” right above “Posted on 19 février 2015 by Julie” and right under the big picture.

    Is it more clear now ?

    Julie

  3. 7 years, 3 months ago Daniel Hi, I Work Here

    Hi Julie,

    Thanks, that a lot clearer. :)
    You can try adding the following custom CSS to change the colors:

    #main a {
    color: #3E4C7B;
    }

    Cheers!

  4. 7 years, 3 months ago Julie Bongas

    Hi Addo,

    I think I wasn’t clear enough. I would like to have the tittle of a post in red when located above the post and when the same tittle is in the sidebar have it in an other color. Is it possible ?

    Julie

  5. 7 years, 3 months ago Daniel Hi, I Work Here

    Hi Julie

    Now I get you, sorry for the hassle. You can remove the css given earlier an put this:

    h1.entry-title a:hover {
    color: #f47e3c!important;
    }
    
    h1.entry-title a {
        color: red!important;
    }
    
    #secondary .widget ul li a:hover {
    color: #f47e3c!important;
    }
    
    #secondary .widget ul li a {
         color: green!important;
    }
    

    Modify the colors to your desired ones :)

    Let me know if that works for you

  6. 7 years, 3 months ago Julie Bongas

    Hello,

    Super, excellent…it works as I want. (NB : I only use #secondary)
    Thank you so much.

    Julie

  7. 7 years, 3 months ago Daniel Hi, I Work Here

    Hi Julie,

    Glad to hear it worked! :)

    Cheers!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More