Docs

[MillennialPolicy]

I am looking to create a page like the shortcodes page for Integrity: http://demo.theme.co/integrity-1/shortcodes/

I know that the text and button are callout, but how do I get the image behind it without having any white space behind the text? Thank you!

[Joao]

Hi There,

Add a background image yo your section

Divide your section in two columns.

On the left column add:

Feature Headline.

Text Element

Button with marketing circle option on.

Hope it helps

Joao

[MillennialPolicy]

Thank you for your response. Unfortunately that didn’t help to get rid of the white background behind the text. And shouldn’t it be a callout, anyway?

[Joao]

Hi There,

In the example provided it doesn´t seem like a callout was used, but we can work with a callout as well.

.x-callout, .x-callout:before {
    background: none;
    border: 0;
    box-shadow: none;
}

Add a background to the section where you have placed the callout.

If you would like to have a background on your callout (But that is not what your example shows) you can follow this thread:

https://community.theme.co/forums/topic/add-background-image-to-callout-box/

Hope it helps

Joao

[Author]

Posts