Archived

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

  • 0

Adding a background image to a Callout section


Question

Posted · Report post

Hi,

 

as mentioned I would like to add a background image to a callout or a highlight section.

 

I tried this code but it doesn't seem to work properly.

 

 

#callout.container.clone_1.section-callout.fix {
background-repeat:no-repeat;
}

 

Thanks for your help!

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

Hi,

 

If you want to add an image to a section in this case the Callout, I recommend you inspect the section using Google Chrome's web dev tools. When you do, you will notice that all sections have similar classes for the Callout.

 

For example:

 

.section-sectionname

 

The Callout section called looks like this.

 

.section-callout

 

You can then use this class to add a background to the callout section you may need to use a PageLines override, you can find more information on the PageLines override on our custom CSS documentation.

 

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

 

 

Your code will look something like this:

#site .section-callout { }

Share this post


Link to post
Share on other sites