Format of FAQ blocks not reader friendly

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support amboutwe

    (@amboutwe)

    The format depends on your theme setup. Example screenshots from three different themes: https://pasteboard.co/IR4GkRl.png

    A custom CSS editor (usually titled Additional CSS) is included in the Customizer as of WordPress 4.7 specifically for this purpose. This tutorial may help: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

    The FAQ CSS can be targeted with the following classes:
    schema-faq wp-block-yoast-faq-block (entire block)
    schema-faq-section (a section contains one question and one answer)
    schema-faq-question (applies to all questions)
    schema-faq-answer (applies to all answers)

    In your theme, the answer style has a top margin so the following should remove it.

    .schema-faq-answer { margin-top: 0; }

    Thread Starter theincogtion

    (@theincogtion)

    Thanks a lot @amboutwe this did the trick.

    This is my new css code:
    .schema-faq-answer { margin-top: 0; }
    .schema-faq-section { margin-top: 2%; }

    Thanks for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Format of FAQ blocks not reader friendly’ is closed to new replies.