FAQ schema image rendering problem 150px by 150px

#491172
  • Resolved Jon D
    Rank Math free

    Hello,

    Whenever I add an image to a FAQ block in Rank math, the image will be rendered as 150px by 150px. This is not really usefull as it cuts off the image and is very low resolution. How can this be solved?

    I have seen all 3 answers in previous support tickets, none of them helped..

    Answer from Prabhat:

    “Add the following css:
    .rank-math-answer img {
    float: none;
    display: block;
    margin: 0 auto 10px;
    }”

    >> This does not change the size of the image and it puts the image before any text in the FAQ. The image should come after the text.

    Answer from Jeremy:
    “Unfortunately, Rank Math’s block depends on the styling produced by your theme. You may need to re-style this one with custom CSS.”

    >> I have searched for the blocksy setting that controls this, but nothing to be found.

    Answer from Miguel:
    “You could target that CSS class that we mentioned in your CSS file and add the following rules:
    max-width: 100%;
    max-height: auto;”

    >> Does “max-height: auto” exist? This did not work.

    Please, could you help me resolve this?

    With kind regads

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

    Thank you for contacting the support, and sorry for any inconvenience that might have been caused due to that.

    In the Block editor, we have the option to choose the size:
    choose size

    Please let us know if that helps.

    Jon D
    Rank Math free

    Hello

    Oh wauw that’s really dumb off me, thank you! It worked. But now the issue is that the image is still before the text. Is there no way to get the image after the text? So:
    – Question
    – Text answer
    – Image answer

    That would be the logical order. Is there a way to manipulate this?

    Thank you.
    With kind regards

    Hello,

    Yes, it is possible. Please head over to

    Appearance >> Customizer >> Additional CSS, and paste this code

    .rank-math-answer { display: flex;flex-flow: column wrap; }
    .rank-math-answer img { order: 1; margin: 10px 0 0; }

    Hope this helps.

    Thank you.

    Jon D
    Rank Math free

    Hello

    Yes this worked perfectly! Thank you!

    Some extra info if other people have the same problem. (somehow my custom css in the customizer (blocksy theme) does not work, but it does work when using the elementor custom code feature).

    Thanks!
    With kind regards

    Hello,

    We are glad that we could address your concern and thank you so much for the additional feedback you shared. This is very helpful indeed.

    Please do not hesitate to let us know if you need our assistance with anything else.

    Thank you.

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

You must be logged in to reply to this ticket.