Jump to content

Adding a background image to a Callout section

Recommended Posts




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 {


Thanks for your help!

Share this post

Link to post
Share on other sites



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:




The Callout section called looks like this.




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.





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