I tried to enter this in the Toggle Title: <h3><span style=”color: #4abee0;”>F.A.Q.</span></h3> And it works, but the text comes out of the box and the format is off. I am going to assume I need some custom styling. Would you be able to provide the code to be able to change the font size, color, and style for the Accordion Titles?
Please see http://www.alextomaszewski.com/contact at the bottom.
And please see http://www.doodlemachine.com/ in the contact section at the bottom, this is what we are trying to accomplish.
Thanks again for all the help!
Ben
Hi again, I’ve been working on it for a bit and I was able to create the correct code to give me what I want. What is a bit out of my scope is the alignment within the box. Currently, it is aligned at the top of the box but I want it centered vertically. Can you please provide the code for this.
Thank you!
Ben
Hi!
Thank you for using Enfold.
Please remove the html code on the toggle title then use these selectors instead:
.toggle_icon {
position: absolute;
width: 15px;
height: 15px;
border-style: solid;
border-width: 1px;
top: 25px;
left: 10px;
}
.js_active .toggler {
font-size: 50px;
padding: 35px 3px 35px 35px;
}
Regards,
Ismael
Hi Ismael!
Thank you so much for your quick response!
This code works beautifully! But how do I change the color of the title? Thanks! The color code I want to use is:
#4abee0
Thanks!
Ben
Hey Ben!
Try:
.toggler {
color: #4abee0 !important;
}
Regards,
Josue
PERFECT!
Thanks a million Josue!
Ben