Change the background color in the Outreach theme

Community Forums Forums Design Tips and Tricks Change the background color in the Outreach theme

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  rfmeier 1 year, 5 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #45637

    cdt21470
    Participant
    Post count: 9

    I have tried the genesis plug ins for changing the header and body background in this theme and it seems to be locked on the dark color. I managed to get a picture in the header with the generic WP header image change but it wasn’t responsive so I changed it back and now the original header background is not responsive.

    Notice on the site where the white is at the right side of the header. Not responsive anymore.

    Can anybody give me some instructions on this?

    Thanks

    Chad

    http://192.110.165.140/
    #45659

    rfmeier
    Participant
    Post count: 597

    Hello,

    Playing around with the css within Chrome, here is what I came up with;

    [css]
    /* line ~183 */
    #header {
    background: #090909 url(images/header.png) center repeat-y;
    margin: 0 auto;
    min-height: 120px;
    overflow: hidden;
    width: 100%;
    background-color: #090909 !important; /* add this line */
    background-position: center center !important; /* add this line */
    background-repeat: repeat-y !important; /* add this line */
    }[/css]

    The last three lines of the code above will center the header and fill vertically if needed.

    If you want to prevent scaling (the header image shrinking on smaller screens), comment out the code below;

    [css]
    /* line ~2032 */
    #header {
    background-size: contain !important; /* comment this out to prevent scaling */
    }[/css]

    Here is a preview;

    https://www.diigo.com/item/image/40chg/qx9n

    I hope this helps.


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.