[andrella]

Hello

I would like to add an image as a background to the header (and footer). Currently I’m stuck at using the custom CSS:

#branding {
background: none #YOUR-BACKGROUND-COLOR;
border-bottom-color: #YOUR-BORDER-COLOR;
-moz-box-shadow: 0 7px 0 #YOUR-SHADOW-COLOR;
-webkit-box-shadow: 0 7px 0 #YOUR-SHADOW-COLOR;
box-shadow: 0 7px 0 #YOUR-SHADOW-COLOR;
}

How do I need to change the CSS (background: ….) to add an image as a background for the header (and footer)? The image is uploaded to the media gallery.

[Sanjip Shah]

@andrella You can add a background image/color from Appearance->Background. Now one thing you could do is if you wan the same image/color to appear in the header or footer part you can add the following custom css in Appearance->Theme Options->Design Options->Custom CSS.

#branding, #colophon {
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

[andrella]

Many thanks for your fast reply.
I noticed that I do not have the option Appearance->Background in my WordPress. I’m using WordPress 3.6 and only got following option available in the ‘Appearance’
– Customize
– Widgets
– Menüs
– Theme Options
– Install Plugins
– Header
– Editor

Do I need to unlock the background-option somehwere? I’m using Clean Retina Pro in the latest version.

[Sanjip Shah]

@andrella The background option can only be seen if you set the site layout option as narrow layout. In pro version the background option is available if you select the narrow layout and not if you select the wide layout.

[andrella]

Many thanks! Now it works!

[Sanjip Shah]

@andrella Okay. Great!

[Author]

Posts