Archived

This topic is now archived and is closed to further replies.

  • 0

Header Background Image


Question

Posted · Report post

I am trying to add a background image to my header and cant seem to figure it out. The options i see is to change header color? can someone help me out? thanks!

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

If you create an image as high as you want it (minimally the height of your branding image + 50px), you can do the following:

1. Make sure your Dashboard > PageLines > Site Options > Layout Editor, under Site Design Mode is set to Full-Width Sections

2. Go to Dashboard > PageLines > Site Options > Color Control (if you're using the default theme or base theme) and upload your image. (This doesn't work in iBlog5 and some other child themes sold via our Store.)

3. Once the image is uploaded, align it to 0 (zero) vertically and 50 horizontally. DO NOT SUPERSIZE.

4. Upload your branding image (logo) in Dashboard > PageLines > Site Options > Website Setup.

5. Go to: Dashboard > PageLines > Drag & Drop (Header is the default). Set up the Branding or BrandNav in the Active Sections, as well as any menus or other items.

6. View the site. Season to taste and serve immediately with a side of noodles!

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Hi

You can try add in

PageLines > Site Options > Custom Code > CSS Rules

or in

Pagelines Customize (plugin)


#header.container-group

{background-image:

url(http://YOUR IMAGE.jpg);}

It is advisable to learn how to do this on your own too.

Check out http://www.pagelines...wiki/Custom_CSS

Share this post


Link to post
Share on other sites

Posted · Report post

thanks!

Well the problem is i wasnt sure if i need to add custom CSS, one of the reasons i am trying out pagelines is because i know 0 about CSS and little html. And from reviews of this framework i am told it was easy to design a website with little to no code knowledge.

I will give this a try, thanks again

Share this post


Link to post
Share on other sites