Images in the instructions do not go under the item

  • Resolved Leia M Cook

    (@leia-m-cook)


    1 year, 8 months ago

    Good morning.

    The images in the instructions do not go under the item, even determined in the settings. The text is on top and side of the image.
    See item 8 of the link instructions.
    How can I resolve this?


    Thanks

    The page I need help with: [log in to see the link]

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

    (@w33zy)

    Hello @leia-m-cook,
    To fix this issue you can add the CSS code below to the plugin’s settings. Add this code to the “Custom styles” section of the “Appearance” settings page.

    .rpr-instruction-wrapper.has_thumbnail.below {
    display: flex;
    flex-direction: column;
    }

    .rpr-instruction-wrapper.has_thumbnail.below > .rpr-recipe-instruction-image {
    align-self: center;
    }

    • This reply was modified 1 year, 8 months ago by Kemory Grubb.
    Thread Starter Leia M Cook

    (@leia-m-cook)

    Hello,

    Thanks for answering.
    It worked, but I made some changes to the CSS you sent me:

    .rpr-instruction-wrapper.has_thumbnail.below {
    display: flex;
    flex-direction: column;
    }
    .rpr-instruction-wrapper.has_thumbnail.below.rpr-recipe-instruction-image {
    align-self: below;
    }

    Thanks

    Plugin Author Kemory Grubb

    (@w33zy)

    You’re welcome

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Images in the instructions do not go under the item’ is closed to new replies.