How do you put the background picture at the top?

Hi Support,

I'd like to put a cover picture at the top just like this website:
Sample URL : http://filipinosg.com

thanks,

 

Hello,
Create your own header background image of dimensions 990 x160 pixels and upload it from the media library in your dashboard, copy the URL of that image.
Now,Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.wrapper {
background: #ffffff url(Paste the background image URL here) no-repeat top left;
}

This will solve your issue.

 

Hi Piyush,
Do I do it like this? sorry, i'm not technically good. See attached.
Am I doing it wrong? please show me a step-by-step guide.

Thanks,

 

Hello,

Just go to
Settings > Theme options > Styling Options > Custom CSS
and paste your code there.

Sending image for reference




This will solve your issue.

 

oh! in the dashboard..got it.

Is this correct?

.wrapper {
background: #ffffff url http://www.isniffy.com/?attachment_id=15 no-repeat top left;
}

 

Hello,

No, it is not correct code, add your image address in round bracket().

For example:

Code:

.wrapper {
background: #ffffff url (http://www.isniffy.com/?attachment_id=15) no-repeat top left;
}

 

oh i see. Let me try tonight and revert back to you once i'm home.
Thanks.

 

i try this method but background image not loaded.

 

Hello,

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

Code:

.wrapper {
background: #ffffff url (http://www.isniffy.com/wp-content/uploads/2013/03/sticker375x360.png) no-repeat top left;
} 

This will solve your issue.