Tagged: colored background
Hello Team,
I am using the shortcode – Dropcap2 (colored background) inside content for ICON Box (Element) as can be seen on my developing site – http://www.labhanshicreations.com (on Home page, just below Promo Box (using for Facebook).
I am using different colors on all 4 columns, but it is showing Orange only.
Can you please look into it. I am not using any plugin. I did hard refresh also. Tested on Firefox and Chrome latest browsers.
Kindly suggest.
Thanks
Hey Labhanshi!
Please add following code to Quick CSS and adjust as needed
.page-id-734 .avia-builder-el-4 .av_dropcap2 { background-color: blue!important; } /* 1st dropcap */
.page-id-734 .avia-builder-el-6 .av_dropcap2 { background-color: red!important; } /* 2nd dropcap */
.page-id-734 .avia-builder-el-8 .av_dropcap2 { background-color: orange!important; } /* 3rd dropcap */
.page-id-734 .avia-builder-el-10 .av_dropcap2 { background-color: blue!important; } /* 4th dropcap */
Best regards,
Yigit
Hello Yigit,
Thanks for providing custom CSS for quick fix, i will try that and let you know.
But i would prefer, if this bug could be resolved, so as to avoid using additional CSS codes in the field, which is actually not required.
Thanks
Hey!
We’ll fix this with the next update.
Best regards,
Peter
Great thanks :)
By the way the custom css you provides works perfectly. Thanks.
I would like to know one thing, that people are using two similar terms “custom css” and “quick css”.
May i know what is the difference between these two.
Thanks
Hey!
Quick CSS refers to the option field (Enfold > Styling). Custom CSS is just a general term for css code which is not part of the (parent) theme code. You can insert it into the quick css field or into your child theme style.css file.
Regards,
Peter
Got it. Great.
Thanks for clarifying it much better way again :)