Support

Home Forums Event Espresso Premium Change Callout color with inline css

Change Callout color with inline css

Posted: July 13, 2018 at 3:08 am


spaetverkehr

July 13, 2018 at 3:08 am

I want to change the background of callout elements (among others). I’d prefer doing it once by editing the css classes but that seems overly complicated and I can’t find the right files anywhere, so I decided not to bother.
Unfortunately, I can’t add, say the inline css ‘bgcolor=”#e52151″‘ to the <p> element of the callout box. Every time I switch back to the visual editor, my edit is gone. Can you help me?
This is what it looks like every time:

<div></div>
<p class="callout"><strong>Karten insgesamt: [TXN_TOTAL_TICKETS]
Zu bezahlen: [TOTAL_COST]
Zahlungsstatus:</strong> <a href="[TRANSACTION_ADMIN_URL]">[PAYMENT_STATUS]</a></p>

</div></td>

And this is what I’d like to look like:

<div></div>
<p class="callout" bgcolor="#e52151"><strong>Karten insgesamt: [TXN_TOTAL_TICKETS]
Zu bezahlen: [TOTAL_COST]
Zahlungsstatus:</strong> <a href="[TRANSACTION_ADMIN_URL]">[PAYMENT_STATUS]</a></p>

</div></td>


Josh

  • Support Staff

July 13, 2018 at 10:43 am

Hi,

The visual editor will actually strip away invalid html if it detects any. The correct syntax is:

<p class="callout" style="background-color: #e52151">

The support post ‘Change Callout color with inline css’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso