• Resolved ma3ry

    (@ma3ry)


    I love your plugin! Thank you so much!

    I would like to use it for FAQs but since the text below the image can be from one to three lines, it alters the vertical alignment of the image above. Is it possible with some CSS to make sure the image is aligned at the top?

    Thank you!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support himanshusharma20

    (@himanshusharma20)

    Hi @ma3ry,

    Thank you for using our products. I checked the URL you sent me, but I’m unable to understand exactly what you want. Could you please share some screenshots what you want so I can provide a proper solution based on your requirements?

    Thank you.

    Thread Starter ma3ry

    (@ma3ry)

    Thank you for your quick response. I was having trouble finding the selectors for CSS because of the flipping, and I’m not sure about positioning, but I think I have succeeded in getting the effect I wanted with the following:

    .flipbox-image-top img {
    position: fixed !important;
    top: 0px !important;
    }

    .flip-icon-bototm.flipbox-icon {
    position: fixed !important;
    top: 40px;
    }

    .flipbox-image-content {
    position: fixed !important;
    top: 200px;
    }

    h5 {
    padding-left: 8px;
    padding-right: 8px; }

    h5 should be more specific. Please tell me if this is wrong.
    Thank you so much!

    Plugin Support himanshusharma20

    (@himanshusharma20)

    Hi @ma3ry,

    That’s good that you made this work with your custom CSS. Regarding the h5 selection, if you want to target the h5 inside the image content, you can use this CSS selector for that:

    .flipbox-img-content h5 {
    padding:0px 8px;
    }

    Thank you.

    Thread Starter ma3ry

    (@ma3ry)

    Thank you again so very, very much for your great plugin and your incredibly swift response. Much appreciated!!!

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

The topic ‘Layout 4 Image Alignment’ is closed to new replies.