Hello,
How do I add colours to the custom tab and change the right sidebar divider line? Any CSS tips is much appreciated. The site is in temporary maintenance mode. Links to questions and screenshots are private content.
Thanks,
Nik
Hi Nik,
Thanks for giving the links, however it only shows:
Site Under Development
Can you give us access? so we can have a look and try to give css codes that should work.
Best regards,
Nikko
Hi Nikko,
The maintenance is taken off now.
Cheers,
Nik
Hi Nik,
Thanks, as for the custom tab, there’s no backend options but you can add this css code in Quick CSS (located in Enfold > General Styling):
#gd-tabs .geodir-tab-head dd:nth-child(2) a {
background-color: red;
color: white;
}
#gd-tabs .geodir-tab-head dd:nth-child(4) a {
background-color: blue;
color: white;
}
#gd-tabs .geodir-tab-head dd:nth-child(6) a {
background-color: green;
color: white;
}
#gd-tabs .geodir-tab-head dd:nth-child(8) a {
background-color: black;
color: white;
}
As for the right sidebar, I don’t see the same on my end, I have posted the screenshot in private content but I think this specific css code would be needed for it:
https://www.w3schools.com/cssref/sel_nth-child.asp
Hope this helps.
Best regards,
Nikko
Hi Nikko,
Thanks so much for the CSS codings for the tab head colour change. They work !
Regarding the Right Sidebar Box colour, Border box & line separating right side bar, I’ve decided to keep it the way it is. Thanks for the link. Will definitely test it out.
Cheers,
Nik
Hi Nik,
Sure, I think with the help of the nth-child plus web inspector you should get the right selector to make it work.
Just let us know if you need further assistance :)
Best regards,
Nikko
Thanks, Nikko.
Much appreciated.
Nik