change the look of schemas

#597991
  • Resolved Anonymous
    Rank Math free

    Hello,

    I’ve been looking for a way to change how a Schema looks on my website, in this case the standard recipe schema.
    I already know I have to add CSS-Code to make it work. Would it be possible for you to share a code snippet of how I can change one part of the recipe? I highly suspect the block-name is wrong.

    Additionally, another question you may be able to answer, are custom created schema still available after my subscription runs out?

    kind regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello,

    Thank you for your query. We will be super-happy to help you with your concern.

    At the moment, our plugin doesn’t have the option to change the looks of the frontend schema so any customization beyond that may indeed require CSS.

    Send us a link to where your recipe appears and tells us what you want to change on it. Hopefully, we can do that using CSS.

    Once the PRO subscription expires, you won’t lose the settings or changes (e.g. Schema). Though, you won’t be able to use the PRO features after that.

    We hope that helps and we are here should you have any follow-up questions.

    Anonymous
    Rank Math free

    Thank you very much for your help. We are just looking for a some basic css like some blue color behind the text. I’ve uploaded a test article with the standard schema recipe.
    [moved to sensitive data section]

    Hello,

    You can use the following CSS to change the background color of the Schema data:

    #rank-math-rich-snippet-wrapper {
      background-color: #6c93aa!important;
      padding: 0 14px!important;
    }

    If you need further customization, please share the details so we can assist you further.

    Looking forward to helping you.

    Anonymous
    Rank Math free

    Is there a list of properties which can be edited? And is it possible with css to reduce the space between different headlines from the schema?

    Kind regards

    Hello,

    Here is a list of CSS selectors you can use to change the styling of the review data elements:

    .rank-math-review-image for the image
    .rank-math-review-data for the review data
    .rank-math-title for the title of the review data
    #rank-math-rich-snippet-wrapper for the complete shortcode output wrapper

    And you can use the following CSS to reduce the spacing between the elements of the review data:

    .rank-math-review-data p {
      margin: 5px!important;
    }

    Hope that helps. Let us know if you need any other assistance.

    Hello,

    Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.

    If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)

The ticket ‘change the look of schemas’ is closed to new replies.