Archived

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

  • 0

Hero section (picture background)

Question

Posted · Report post

hi, i need to add a picture as the background to the hero box section.

actually when i insert text in this section by meta setting one white colour box appear which occupy the text, but it cover the background, which i do no t s.th like this, 

what is the way to figure this problem out.

 

Thanks, i need to do s.th like this site:

http://www.mozilla.org/en-US/firefox/new/

 

just the top orange colour part.

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi,

 

The box that appears when you add text is part of the section and is working as intended.

 

In order to remove the Hero content wrap, add the following code to your custom CSS:

 

#site .pl-hero-wrap.row {
background-color: transparent;
border: 0 none;
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}

If you wish to add a background image to the wrap, then use the background-image property to the code above.

 

http://www.w3schools.com/cssref/pr_background-image.asp

 

I recommend you start to get used to working with Firebug or your browsers built-in tools. I have provided you with a link to our custom CSS doc.

 

http://support.pagelines.me/docs/customization/custom-css/

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks a lot, My problem solved totally,

Share this post


Link to post
Share on other sites

Posted · Report post

That worked for me also. However I can't get the image to fit the box correctly. Should it not automatically fit the width?

Share this post


Link to post
Share on other sites