Changing Colors

Discussion in 'ClassiCraft WordPress Theme' started by parksarezoosfortrees, Apr 22, 2014.

  1. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
    Hi, I love this theme! Here is a link to my site. I changed the background color. How do I change foreground color & other colors? For example, how do I change?

    1. The default white foreground color?

    2. The Header background color

    3. The Navigation colors etc……..
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Settings > Theme Option > Styling Option > Custom CSS

    Code:
     div.wrapper {
    background: yellow;
    }
    #menu .ddsmoothmenu li {
    background: none;
    }
    div.menu_wrapper {
    background: blue;
    }
    

    Thanks & Regards
    Gourav Shrivastava
     
    parksarezoosfortrees likes this.
  3. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
  4. Nitesh

    Nitesh Support Staff

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

    No need to add none. Just add Hex code of color you want to add for background.

    Thanks & Regards
    Nitesh Raghuwanshi
     
    parksarezoosfortrees likes this.
  5. parksarezoosfortrees

    parksarezoosfortrees Member

    Joined:
    Mar 3, 2014
    Messages:
    107
    Likes Received:
    0
    Thank you. 2 Questions

    1. What if I want to change the color in the TOP HEADER ONLY. If you look at the attachment. The top & the bottom are both yellow. How do I make the top header the color of my choice?

    2. What if I want to add something that is not a hex color #? Can I add an image of a gradient or a photo like a sunset? I have attached a photo of a header that I like. It uses a gradient and 2 different google fonts. I have also attached a photo of a sunset.

    2A How can I upload a gradient like this? What dimensions should I make it?

    2B How can I use 2 different google fonts within the same header? I don't want this to change other fonts throughout the website. I am only focused on the header area.

    2C I included an image of a sunset. How do I place an image in the header only? What dimensions should I make it?
     

    Attached Files:

Share This Page