HowTo styling request

#643116
  • Resolved Sean Fitzjohn

    7 months, 1 week ago

    Rank Math free

    Hello,

    I am using the HowTo block in WordPress and am wondering if there is a way to make the published steps look like they do in the editor (smart-looking uniform containers).

    Alternatively, I could add your HowTo blocks into a native card or container but I cannot figure out how to do it. Is this option a possibility?

    Editor view vs Preview page: https://imgur.com/a/GXLHiYO

Viewing 1 replies (of 1 total)
  • Reinelle

    7 months, 1 week ago

    Hello,

    Thank you for contacting Rank Math and bringing your concern to our attention. I’m sorry for any inconvenience this issue may have caused you.

    Unfortunately, the HowTo block appearance can only be controlled using custom CSS, and you may need to adjust this accordingly to your preference or consult with your designer/developer.

    Here is the basic custom CSS code to get you started:

    #rank-math-howto { 
  border: 5px solid black;
  padding: 5px;
}
.rank-math-howto-description {
  border-bottom: 5px solid black;
}
.rank-math-steps {
  font-size: 14px;
}

    And here’s a tutorial on how to use custom CSS on your site:
    https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

    Hope that helps.

    Thank you.

    RankBot

    6 months, 1 week ago

    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 1 replies (of 1 total)

The ticket ‘HowTo styling request’ is closed to new replies.