I want to highlight the H1 text (Get sh*t done in your life) on this page https://lodiplanting.com/get-shit-done/ with this color: 2C3D4F
But after reading the topics I can’t figure out which CSS I need to add to make this work. Can you guys help here please?
Hey LodiPlanting,
Add this to quick css:
.av_textblock_section .avia_textblock h1{
color:#2C3D4F!important;
}
Best regards,
Jordan Shannon
Hi Jordan,
Thanks for our quick reply.
I have tried it, but it doesn’t seem to work for 2 reasons:
1. It just made the H1 blue. And it didn’t highlighted it (see screenshot): https://drive.google.com/file/d/1z9pT5IMsDo40yyahj4DOjz8mG7lpWpWU/view?usp=sharing
2. It made all the H1 blue. And not this single one (FYI adding this code to the developer settings of a content section, or text options doesn’t made a difference.
Can you help me again please?
Hi,
So by highlight, you want to add a background color?
Best regards,
Jordan Shannon
Yes. Sorry if that was unclear.
Hi,
Thanks for clarifying. Try altering the css to this:
.post-entry-12394 .av_textblock_section .avia_textblock h1{
background-color:#2C3D4F!important;
color:#fff!important;
padding:20px!important;
}
Best regards,
Jordan Shannon
Jordan is right – but i would take a color of the shirt as background like: #223256
or the something of the cap color: #541a26
Thanks Jordan, it worked! You can close this thread.
And thanks for the suggestion, but I prefer to stick to my color palette ;-)
Hi,
No problem I’m happy to help! If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon