We want to create 3 different classes for the headings in a module called infobox (UABB)
We know how to change all the headings. It works with adding this to the custom CSS:
.fl-builder-content .uabb-module-content .uabb-infobox-title {
color: #ff0000;
}
Now we want to make 3 different classes for the infobox module for different heading colors. This is for 3 different sections in the website:
-red (FF0000)
-blue (0099FF)
-green (33CC33)
We tried several this to get it working to make a class but nothing seems to work:
.fl-builder-content h3.red {
color: #ff0000;
}
.fl-builder-content .uabb-module-content .uabb-infobox h3.red {
color: #ff0000;
}
.fl-builder-content .uabb-module-content .uabb-infobox .red h3 {
color: #ff0000;
}
.fl-builder-content .uabb-module-content .uabb-infobox-title .red {
color: #ff0000;
}
Do you know how what the right CSS code is to target the module with a custom class?
Thank you!