• Resolved BlackStar

    (@blackstar1991)


    Can you please make that styles in redactor was the same in frontend for this Gutenberg block.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author saumya010

    (@saumya010)

    I have updated the styling to match the frontend. Let me know if this is what was needed and if it works correctly for you.

    Thread Starter BlackStar

    (@blackstar1991)

    Yes, thank you. Although it would be nice if you could separate the styles for the questions and answers and format them as separate elements. Usually, the font for a question is set to a bolder weight than that for the answer.

    Plugin Author saumya010

    (@saumya010)

    I have avoided adding any CSS dependency to reduce any overhead and keep things simple.

    You can use these classes provided in the readme and FAQ on the plugin details page, to apply any desired styling. Let me know if this solves your request –

    • .wb-faq__item — one question-and-answer pair (a <details> element)
    • .wb-faq__question — the clickable question row (a <summary> element)
    • .wb-faq__heading — the question element inside that row (H2–H6, or <p>, whichever you chose)
    • .wb-faq__answer — the answer body
    • .wp-block-ordessa-faq-accordion — the whole block, if you want to scope your rules to it

    For example, to make every answer italic and slightly muted:

    .wb-faq__answer { font-style: italic; opacity: 0.85; }
    

    Or to give questions more weight against the answer text:

    .wb-faq__heading { font-weight: 700; }
Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.