Change Font Icon Styling

Hi landrenic,

You can change the FAQ font-size using following custom CSS code:

To change the font size of the FAQ category title, add the following CSS code:

.ufaq-faq-category-title h2 {
font-size: 25px;
}

To change the font size of the FAQ title, add the following CSS code:

.ufaq-faq-title-text h4 {
font-size: 15px;
}

To change the font size of the FAQ body, add the following CSS code:

.ufaq-faq-body {
    font-size: 10px;
}

.ufaq-faq-post p {
    font-size: 10px;
}

Thanks for your reply.

This will change the size of the font icon? I’m referring to the ‘+’ and ‘-‘ or, in my case, I’m using a ‘^’ or triangle. The actual text font sizes are ok, it’s just the icon that’s huge. I’ve changed it in the styling options – down to 3px – and it does not change size at all.

Thanks for the information!

Hi landrenic,

On closer inspection, we think we found the issue:

If you go to “Options” -> “Styling”, and scroll down to “Icon font size”, could you try adding “px” after the numerical value? For example, instead of ’14’, have it as ’14px’

Note: If you find the icon a little too high up after the adjustment, you can add this code to the “Custom CSS” box in “Options”->”Basic”

.ewd-ufaq-post-margin-symbol span {
top: 5px;
position: relative;}