Classic Call Out text editing

Support
#1

Hello,

Are there any options to apply html on text inside the call out. Also the title in call out is not displayed.

I need to justify text.

Any chance to apply different color to marketing item for callout button?

thanks a lot

#2

Hi There,

Thank you for writing in, yes you can put an HTML markup on the Callout content. Yes, we can change the button on Callout to be a specific color with CSS, but please clarify what do you mean “marketing item”, do you mean the marketing circle? No, we can not change the color of that because that is an image.

Please provide us your page URL so we can take a closer look on the Callout title.

Cheers!

#3

Hi,

I managed HTML justify. I’d be interested to modify the color of the button unless you have option in non-classic with more advances controls. which you seem dont. The title doesnt appear at all

dont worry about marketing item since the color of the circle cant be changed,

#4

Hi There,

I’m not sure this custom CSS is coming from but it overrides the color of the call out title:

.dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6, .dark-section h1 a, .dark-section h2 a, .dark-section h3 a, .dark-section h4 a, .dark-section h5 a, .dark-section h6 a {
    color: #fff;
}

To fix this issue, please add this custom CSS under X > Theme Options > CSS:

.x-callout .h-callout {
    color: #848484;
}

Hope it helps :slight_smile:

#5

it did. thanks a lot. Happy New Year

#6

You’re most welcome.
Happy New Year too!

#7

Sorry to come back to it. Is it possible to remove button completely or on some pages using css?

#8

Hi there,

Both are possible. If you want to remove the button completely you can add the code below to X > Launch > Options > CSS:

.x-callout .x-btn {
    display: none;
}

If you want to have specific pages hide the button, you need to go to the edit screen of those pages and add a unique class, for example nobuttoncallout

Then add the code below to X > Launch > Options > CSS:

.nobuttoncallout .x-callout .x-btn {
    display: none;
}

Hope it helps.

#9

Thanks, I can disable button and that is waht I needed for now. well done

#10

You’re most welcome.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.