Archived

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

  • 0

Resolved Hero Section Background


Question

Posted · Report post

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

8 answers to this question

Posted · Report post

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

Posted · Report post

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

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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

Share this post


Link to post
Share on other sites