Adding a background image to a Callout section

[clementsinz 0]

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-image:url('http://localhost:8888/site-MNK/wp-content/uploads/2013/05/Callout_img.jpg');

background-repeat:no-repeat;

}

 

Thanks for your help!

[Danny+ 1,327]

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