Jump to content
Sign in to follow this  
resilientdigital

Hero section (picture background)

Recommended Posts

resilientdigital    0
resilientdigital

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
Danny    1,327
Danny

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/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
resilientdigital    0
resilientdigital

Thanks a lot, My problem solved totally,

Share this post


Link to post
Share on other sites
miratrix    0
miratrix

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×