FAQ Block Image Align

#233297
  • Resolved Matic Broz

    3 years, 4 months ago

    Rank Math free

    Hi,

    When I use FAQ block in WordPress, it automatically adds FAQ images a class “alignright”, which aligns them right.
    .alignright {
    gloat: right;
    margin-left: 1.5em
    }

    It does not only look horrible when I use a large image, the float makes the image overflow what comes after if the text is short.

    This is what it looks like in the editor (as you can see, the second image doesn’t even show up):

    I know I could fix it with custom CSS, but this just looks like sloppy coding that could easily be avoided.

    Any other solutions?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Matic Broz

    3 years, 5 months ago

    Rank Math free

    Any update on this? šŸ™‚

    Matic Broz

    3 years, 5 months ago

    Rank Math free

    Anyone?

    Matic Broz

    3 years, 4 months ago

    Rank Math free

    Any update?

    Reinelle

    3 years, 4 months ago

    Hello,

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

    It seems that this ticket was stuck in our drafts section for some reason. However, could you please share the affected URL to check further?

    Looking forward to helping you.

    Thank you.

    Matic Broz

    3 years, 4 months ago

    Rank Math free

    I created a dummy page. You can find it on this link: https://www.photutorial.com/dummy-page/

    Currently, it has some custom CSS, but if you disable my custom css, you get this:
    https://prnt.sc/1ie4k15

    And this is what I see directly from the editor (notice that the small image doesn’t show):
    https://prnt.sc/1ie4mep

    Reinelle

    3 years, 4 months ago

    Hello,

    Thank you for your patience and for the additional information.

    We have tried disabling the CSS applied to the image, but we’re unable to replicate the first screenshot you shared. Here’s a screencast for your reference:
    https://i.rankmath.com/x8O7db

    Did you apply CSS to some other elements of FAQ Blocks as well (aside from the image)?

    However, you can apply the custom CSS you are using in your theme options (Appearance > Customize > Additional CSS) to fix this issue since the align-right CSS is applied to the FAQ Blocks images by default for the thumbnail option.

    For your second screenshot, could you please check the editor page if there are any browser console errors showing?

    I hope that helps.

    Thank you.

    Matic Broz

    3 years, 4 months ago

    Rank Math free

    Regarding the issue with the layout: I easily solved it with a couple of lines of CSS, I just wanted to let you know that “float” is not the best option here as it creates overlapping.

    The second issue: No, there are no errors in the console log and there doesn’t seem to be a conflict with any plugin or caching.

    Prabhat

    3 years, 4 months ago

    Rank Math agency

    Hello,

    We’ll share that with our dev team for further analysis.

    Regarding the second issue, we might need to take a closer look at the issue. Please edit the first post on this ticket and include your WordPress logins in the designated Sensitive Data section.

    Please do take a complete backup of your website before sharing the information with us.
    Sensitive Data Section

    It is completely secure and only our support staff has access to that section. If you want, you can use the below plugin to generate a temporary login URL to your website and share that with us instead:

    https://wordpress.org/plugins/temporary-login-without-password/

    You can use the above plugin in conjunction with the WP Security Audit Log to monitor what changes our staff might make on your website (if any):

    https://wordpress.org/plugins/wp-security-audit-log/

    We really look forward to helping you.

    RankBot

    3 years, 3 months 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 8 replies - 1 through 8 (of 8 total)

The ticket ‘FAQ Block Image Align’ is closed to new replies.