-
AuthorPosts
-
April 19, 2018 at 10:57 pm #944349
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
April 21, 2018 at 12:53 pm #944900Hi Nik,
Thanks for giving the links, however it only shows:
Site Under DevelopmentCan you give us access? so we can have a look and try to give css codes that should work.
Best regards,
NikkoApril 21, 2018 at 9:24 pm #944974Hi Nikko,
The maintenance is taken off now.
Cheers,
Nik
April 23, 2018 at 3:58 am #945204Hi 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,
NikkoApril 23, 2018 at 8:26 am #945291Hi 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
April 23, 2018 at 5:01 pm #945451Hi 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,
NikkoApril 24, 2018 at 3:50 pm #945984Thanks, Nikko.
Much appreciated.
Nik
-
AuthorPosts
- You must be logged in to reply to this topic.
