Background image for header

February 2014 WordPress Theme
GK User
Sat Apr 12, 2014 11:23 am
Good day

I have set up a standard site using your quickstart files.
Please can you point me to how I can add a background image to the widget header area.

Thanks in advance
User avatar
Fresh Boarder

GK User
Sat Apr 12, 2014 12:41 pm
Could You please post an url to your site?
User avatar
Moderator

GK User
Sat Apr 12, 2014 3:30 pm
User avatar
Fresh Boarder

GK User
Sat Apr 12, 2014 5:01 pm
Please edit: wp-content/themes/Mo/css/override.css
Code: Select all
#gk-header {
background: transparent url('../images/mybackground.png') 0 0 no-repeat;
}


It assumes that mybackground.png is placed inside /wp-content/themes/Mo/images folder

Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).
User avatar
Moderator

GK User
Sat Apr 12, 2014 6:01 pm
Thank you Cyberek.

That worked by adding the full url of the image in the code. Much appreciated.

One more question if I may. What is the size of the #gk-header header area please, so I can insert an image that fits perfectly.

Thank you
User avatar
Fresh Boarder

GK User
Sun Apr 13, 2014 10:02 am
Max width is 1260px and height is 728px.
If you would like to center image, then use:
Code: Select all
#gk-header {
background: transparent url('../images/mybackground.png') 0 50% no-repeat;
}


Then for reduced screen size you will see center of image (instead of first code that will stick image to top left corner.
User avatar
Moderator

GK User
Sun Apr 13, 2014 2:38 pm
Thank you for your help
Very much appreciated.
User avatar
Fresh Boarder

GK User
Sun Apr 13, 2014 2:54 pm
I'm glad I could help.
If You will have any other questions, feel free to post new forum threads - it helps us answer you faster.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.