Jump to content
pagerun

Hero Section Background

Recommended Posts

pagerun    0
pagerun

For the banners section, how do you add a clickable button at the end of the text - seems possible in the video tutorial, but not when actually setting up banners.

Also wondering how to add a background to the banner section behind the whole banner.

Thanks

Share this post


Link to post
Share on other sites
catrina    103
catrina

Where are you seeing it in the video? I watched the video tutorial but didn't see any button in the banner (I'm watching this: http://www.pagelines.com/wiki/How_to_Use_the_Banners_Section).

Are you trying to add a background image or color?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
pagerun    0
pagerun

Actually a Hero section is what I'm looking for - can put a button there at the end of the text.

I'd like to be able to add a background colour or image to a banner or hero section.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

Would it be possible for you to provide a concept image of what you're trying to achieve please. Once we understand, we will be able to assist you further.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pagerun    0
pagerun

Just like to be able to create a background in the Hero section eg by colour, or tile an image.

Is there a way to upload an image to show you what I mean?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

To add a background color to the Hero, add the following code:


.pl-hero-wrap {
background-color: green;
}
[/CODE]

For image do the same but instead of "background-color" use "background-image". Read the information on the link below.

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
cf666    0
cf666

Danny, where would I insert that code? Sorry, I'm a total newbie...

Thank you.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

You have three options to you can either:

Add the custom CSS to Custom Code > CSS/LESS editor.

Add the custom CSS to your child themes style.css/less file

Add the Custom CSS to the PageLines Customisation style.css/less file.

For more information view our documentation here - http://www.pagelines.com/wiki/How_to_Use_the_PageLines_Customize_Plugin


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

The topic was marked as resolved.


Please search our forums, before posting!

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


  • Similar Content

    • StuLeeUK
      By StuLeeUK+
      Good morning,
      I have set up my homepage using the Elements sections, a Masthead at the top and then a selection of Heroes lower down.
      I only just realised that the Heroes set a H1, as does the Masthead.
      Is there an easy way I can change the Heroes to an H2/H3 etc so as to improve the structure of my headers, whilst keeping the Masthead as H1?
      I really don't know much at all about CSS, which is why I use Pagelines because it's just so easy to create good looking pages without too much confusion.
       
      page for reference is https://www.avangocouriers.co.uk
      Thanks,
      Stu
    • floydwebb
      By floydwebb+
      The parallax and hero sections are jumping to the top of the template in PL5 See  here http://screencast.com/t/TLajih8MEM6
      No matter what I do, clear browser cache, whatever. The Parallax with the embeddded Hero section will ot stay on the bottom of the page above the footer.
      Help, please. This started happening at the worst possible time, when I was in a client meeting walking here through the site that is already LATE. 
      Floyd Webb
    • hibbsy78
      By hibbsy78+
      Following the latest updates I now have an issue with the hero section on mobile. The content is extremely narrow. All looks ok on desktop....
      http://www.vikihibbs.com/about/
       

    • hibbsy78
      By hibbsy78+
      I just spotted the standalone Heroes section as opposed to the Elements>Hero section and I much prefer this layout with the larger text directly under the heading but again on mobile (iPhone) it screws the layout similar to the contact form 7 page (http://www.johnhibbs.me/contact/).
      http://www.johnhibbs.me/daddy/
       

    • hibbsy78
      By hibbsy78+
      Mobile layout much better in 5.0.3. There appears to be an issue that it 'super-sizes' the background image?
      http://www.johnhibbs.me


×