|
Porter
|
November 7, 2018 at 4:10 am
I’d really like to change the background color of the .callout class to match our branding. I’ve tried the following CSS but it is not working.
.callout {
background-color: #eee !important;}
Do you know how I can change this?
Thanks
|
|
Tony
|
November 7, 2018 at 5:41 am
Hi there,
Can you link me to an event I can use to view the callouts and see why the above isn’t applied?
|
|
Porter
|
November 7, 2018 at 7:02 am
This reply has been marked as private.
|
|
Tony
|
November 7, 2018 at 7:28 am
My apologies, but I think I’m missing something obvious, which element are you referring to?
Can you add a screenshot?
https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots
|
|
Porter
|
November 7, 2018 at 7:40 am
This reply has been marked as private.
|
|
Tony
|
November 7, 2018 at 9:35 am
Oh, I see.
Those are within your message templates, where did you add the above CSS?
|
|
Porter
|
November 7, 2018 at 2:07 pm
I added it to the Child theme style.css. Should it be added somewhere else?
|
|
Tony
|
November 8, 2018 at 3:52 am
Yes, your child theme’s styles are not loaded within the message templates, so adding styles there won’t work. You’ll need to add the styles within the messages templates themselves, inline for each element.
To do that you’ll need to go to: Event Espresso -> Messages -> Default Message templates.
Edit the template you want to change, the screenshot provided is the ‘Payment received’ message and the ‘Primary Registrant’ context, so you’d click here – http://take.ms/1QEX2
Find the callout element(s) (in that template it’s in the ‘EVENT_LIST’ section), then add your styles inline, for example – http://take.ms/irtmb
That change will need to be made on each template and likely for multiple ‘contexts’ in each template (see HERE).
|
|
Porter
|
November 9, 2018 at 6:01 am
Thanks
|
