Change H4 to H3 or change lay-out of headers only for FAQ

Dear @mennonieuwenhuyse3708,

This is Sungraiz, and I am your assisting teammate today.

You can do it by adding the following CSS in Additional CSS Box (Dashboard > Appearance > Customize > Additional CSS)

.qe-faq-toggle .qe-toggle-title {
   margin-bottom:20px;
   padding: 10px;
}
.qe-faq-toggle .qe-toggle-title h4{
   font-size:20px !important;
}

?Feel free to let me know if you need any further assistance.

Sincerely,

Hi @sungraiz ,

Somehow the new code is overruled by the overall CSS of my page. Do you know how I can figure out what to change so it will work?

Also I would like to change the H4 to normal text, that would solve most of the ‘problems’. How can I achieve that?

thanks in advance, best regards,

Menno Nieuwenhuyse

Hi,

I am sorry for the delay in reply.

Can you please explain a little bit more about your requirements because the CSS i gave you could be used to change the font size, padding, and margin of H4.

Thanks!

Hi Sungraiz,

I’m sorry I was not clear about what I meant; I’ll try to explain things more clearly.

I followed your directions again and now this works fine. However, one question remains:

The titles of each FAQ are (on my website at least) a H4. Is there a possibility to change this to for instance a H5, a H6 or perhaps just ‘normal text’? How can I achieve that?

Hi,

If by normal you mean the same as the question description then you can do it by using the following CSS.

#main-content .thb-text h4 {
    font-size: 18px;
    text-decoration: none;
    font-family: "Helvetica";
    text-transform: initial;
}

?Feel free to let me know if you need any further assistance.
?
?Regards,

Hi Sungraiz,

Thanks, you are a wizzard with magic talents! It all works fine and also looks the part now. Great!

Hi,

I’m glad I was able to assist you.
?
?Could you take a few mints and share your happy experiences as our plugin review?

Regards,