Customizing the header background

  • Unknown's avatar
    shaunalofyportraits · Member ·

    The header background behind my logo and tagline is a dark grey tiled background I want to remove that I replace it with the solid color #7d7774 as well as the body text color to this. I don’t see how to do this in the customizations tool.

    The blog I need help with is: (visible only to logged in users)

  • staff-totoro · Staff ·

    Hi, You can try the following line of code.

    #masthead { background: #7D7774; }

    To use it, go to Appearance > Custom Design and click on the “Edit” button under the CSS section, and paste it in. Be sure to save your changes when you are done.

    Hope that helps. Please let me know if you have any further questions.

  • Unknown's avatar
    shaunalofyportraits · Member ·

    Thank you that worked perfectly! What code do I enter to change the body text to #7d774 and the links to #f2635d?

  • staff-totoro · Staff ·

    This line will change the body copy: 

    body {
color: #7d774 ;
}

    This will change the link color:

    a, a:visited {
    color: #f2635d;
    }

    Sounds like you are just starting to dig in to CSS! Since some of your changes are pretty simple so far, this blog post might help, and save you a trip to support. It shows you how you can identify and find the code for elements you want to change, like link colors, and the color of elements like the header:
    http://dailypost.wordpress.com/2013/07/25/css-selectors/

    We also have a great CSS forum, and the community there is very talented and helpful: https://en.forums.wordpress.com/forum/css-customization

    Did that help? Please let me know if you have any further questions.

  • Unknown's avatar
    shaunalofyportraits · Member ·

    Yep, I know very little about html code and even less about CSS plus the area where the code should appear in the customize section doesn’t actually show the code so I can change it. But when I add in the 3 lines of code you gave me it changed what I needed. Thank you so much for all the help…you rock!

    -S

  • staff-totoro · Staff ·

    Great, glad I could help!

    Happy Blogging :)

  • Unknown's avatar
    shaunalofyportraits · Member ·

    Well I managed to change the form fields on my contact page around the right way but I can not get the footer background to change to #7D774 or the font for the reply section to change from the template default. It should be Museo Sans.

    Also would like the follow button to stick out more by changing the color to #f2635D. You’ve helped me so much already, I know this is above and beyond but since you are pro at this i figured I would ask you ;-)

    -Shauna

  • The topic ‘Customizing the header background’ is closed to new replies.