Jump to content
clementsinz

Adding a background image to a Callout section

Recommended Posts

clementsinz    0
clementsinz

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

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 { }

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


×