Hello! I need assistance customizing the size of the toggle section title. My toggle style is set to minimal and right now it looks like the titles are set at H2. I'd like them to be H4 or body font + bold. Thanks.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.toggles[data-style="minimal_small"] .toggle > h3 a {
font-size: 16px !important;
}
Hi Tahir! Thanks for the help, but that code doesn't seem to be affecting the size of the toggles. You can see they are still larger than 16pt and 10pt (which I changed the code to say to test) on this page: https://careertechdc.org/resources
I realized I have 2 other snipets of code adjusting the font for the default toggles (see screenshot). Could these be affecting the minimal style too, and causing your new code not to work?
Hello! I need assistance customizing the size of the toggle section title. My toggle style is set to minimal and right now it looks like the titles are set at H2. I'd like them to be H4 or body font + bold. Thanks.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.toggles[data-style="minimal_small"] .toggle > h3 a { font-size: 16px !important; }Thanks
ThemeNectar Support Team
Hi Tahir! Thanks for the help, but that code doesn't seem to be affecting the size of the toggles. You can see they are still larger than 16pt and 10pt (which I changed the code to say to test) on this page: https://careertechdc.org/resources
Other ideas?
I realized I have 2 other snipets of code adjusting the font for the default toggles (see screenshot). Could these be affecting the minimal style too, and causing your new code not to work?
Hi Laura,
I have added this css, please check it out now:
div[data-style="minimal"] .toggle h3 a {font-size: 19px;
}
Thanks.
Thank you!