Hi,
I want to be able to change the color of selected icon boxes on a page while leaving the others the main theme color.
Thanks in advance!
Kevin
Hey kevinmkelly!
Please turn on custom CSS field on ALB elements firstly – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
then give a custom class to one of your iconboxes and add following code to Quick CSS in Enfold theme options under General Styling tab
.custom-class .iconbox_top .iconbox_icon {
background: red!important;
}
Regards,
Yigit
Hi !
I would like to do the same thing but im having trouble.
I have turned on the custom CSS field but dont know where to put my classname in the code you have provided (its produktboks_1)
Kind regards
Hi!
You can use the code as following, in Enfold theme options > General Styling > Quick CSS field
.produktboks_1 {
background-color: red!important;
padding: 10px;
}
You are displaying the icons on the left, Kevin used them on the top so there were no padding issues. If you would like to display icon on top, you can use the code as following
.produktboks_1 .iconbox_top .iconbox_icon {
background: red!important;
}
Regards,
Yigit
THANKS ! your support is the best :-)
Hey!
Thank you for your kind words :)
If you would like to start a new topic, you can go to Enfold subforum and scroll down or simply go to this link – https://kriesi.at/support/forum/enfold/#new-topic-0
Let us know if you have any other questions or issues :)
Regards,
Yigit