I was wondering if you can choose a custom colour for the toggle before opening - so instead of the light grey. I would like to be able to choose different colours at this point (not just when the toggle is open).
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
div[data-style="default"] .toggle:not(.open) h3 a {
color: #d4a03f !important;
}
You will have to add a Extra Class to that particular Column or Row that has the Toggle Element and add the extra class to the Css selector so it applies to that Row or Column. For example:
.extra-class div[data-style="default"] .toggle:not(.open) h3 a {
color: #d4a03f !important;
}
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi,
I was wondering if you can choose a custom colour for the toggle before opening - so instead of the light grey. I would like to be able to choose different colours at this point (not just when the toggle is open).
Thanks
Hey Again,
No i am afraid there is no such option available however you can adjust it using Custom css if need be.
Best
ThemeNectar Support Team
Any idea what that custom css would be?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
div[data-style="default"] .toggle:not(.open) h3 a { color: #d4a03f !important; }Thanks
ThemeNectar Support Team
Using that code will change all toggles to the chosen colour yes? I'm looking to just change certain toggles that I choose...
You will have to add a Extra Class to that particular Column or Row that has the Toggle Element and add the extra class to the Css selector so it applies to that Row or Column. For example:
.extra-class div[data-style="default"] .toggle:not(.open) h3 a { color: #d4a03f !important; }Best
ThemeNectar Support Team
Hi,
I'm not sure where to add the code to create the 'extra class'
I'm assuming once that is done that extra class is given a name which you use on the page?
It can be added to the Column or Row Settings : http://prntscr.com/rrtz6n .
Best
ThemeNectar Support Team
Hi
I googled wpBakery to find where to place the extra class code.
The code you gave me changes the colour of the text - cool - but I was wanting to change the colour of the entire toggle bar when closed.
Is that possible?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
div[data-style="default"] .toggle:not(.open) h3 { background-color: #2ddcb5 !important; }Thanks
ThemeNectar Support Team
Awesome that works great, thanks!