How to change theme text colour?

Discussion in 'Blackriders WordPress Theme' started by alexdimartino, Feb 12, 2014.

Thread Status:
Not open for further replies.
  1. alexdimartino

    alexdimartino Member

    Joined:
    May 1, 2012
    Messages:
    41
    Likes Received:
    1
    Because I have a dark photo background I would need to change the colour of the "menu" and the other text in the theme to a lighter colour. Please advise. Thanks.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #menu .ddsmoothmenu li a {
    color: red;
    }
    a,h1,h2,h3,h4,h5,h6, span, li, ul, p, div{
    color: red ! important;
    } 
    In place "red" you can put your color or color code.
    This will solve your issue.
     
  3. alexdimartino

    alexdimartino Member

    Joined:
    May 1, 2012
    Messages:
    41
    Likes Received:
    1
    ok, thank you for this. It works, but it works obviously for all the sections of the site. But how can I have a different font colour for different sections of the site? For example, in my case (alexdimartino.com) I would like to have the majority of the text in white but I would need to have the Lead Capture Form and the footer texts in a darrk colour otherwhise they wont be visible.
    Thanks
     
  4. alexdimartino

    alexdimartino Member

    Joined:
    May 1, 2012
    Messages:
    41
    Likes Received:
    1
    I have somehow experiment with this code and it seems I am getting there. But I would like to have the bottom text in the footer in black not in white as the rest. I am trying to change the CSS code but I cannot isolate the footer txt on its own.
     
  5. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    For footer paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .footer .footer_widget p {
    color: #414040!important;
    }
    Thanks & Regards
    Nitesh Raghuwanshi
     
  6. alexdimartino

    alexdimartino Member

    Joined:
    May 1, 2012
    Messages:
    41
    Likes Received:
    1
    Excellent! That works, many thanks!
     
Thread Status:
Not open for further replies.

Share This Page