Hi!
I’m hoping you can help me out with some things about the design, thank you very much in advance!
a) Tabs color: I want to change the background color of an active/inactive tab, I want only to change the color of the title; font color to be white, and background to be #0f8fc1 (I already tried some codes, but I didn’t achieve to change the color).
b) Tabs title size: no matter what I try, I don’t get that the title of each tab I’m using has the usual size of 16px that I’m using in the body of the rest of the page.
c) Hover image – is there any way to change the default arrow that appears? I saw I site that instead of an icon they used the logo of the company, is it possible?
Thanks a lot!
Hi odmv91!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
1-
p.toggler.activeTitle {
background-color: #0f8fc1;
color: white;
}
2-
.tab { font-size: 16px!important; }
3-
span.image-overlay-inside {
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
background-repeat: no-repeat;
background-position: 50%;
}
span.image-overlay-inside:before { display: none; }
Regards,
Yigit
Thanks a lot!
Just one more question, how can I modify the title of the toggler in the hover effect? So it have the background #419cba keeping the white text? Thanks again for your help.
Hi!
I managed to fix it, thanks for your help!