• Resolved thirst4tiles

    (@thirst4tiles)


    Hi there

    Thanks for a great and simple little plugin, however I am have a problem with the way the badge is effecting the layout of the category image and title.

    If you look at “Lume Turquoise” on the attached page, you can see the product title and price are below the image rather than to the right like the others.

    Initially there was an issue with the size of the badged category image vs the rest. I fixed this though after looking through this forum and added the CSS code from this post: https://ww.wp.xz.cn/support/topic/problem-with-badge-when-there-is-also-a-product-gallery-photo/

    However I cannot find a way to change how and where the title and price are located and I’d really appreciate your help.

    Many thanks
    Nathan

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

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

    Thanks for contacting us and I hope you’re doing well 😀

    After some test, I think I get a CSS rule that can work with your section. Our badge plugin add a wrapper before the image in order to add the badge. This create a CSS problem with this section. In order to fix and improve it, remove the code added from the topic and add the following CSS rule on Appearance > Customize > Additional CSS

    .container-image-and-badge {
        display: block;
        position: relative;
        width: 32%;
        margin: 0 3% 0 0;
    }
    
    .container-image-and-badge  .woo-entry-image-swap.woo-entry-image.clr {
        width: 100% !important
    }

    I checked from browser inspector and seems to work fine. See the following link

    Please, try it and let me know.

    Have a good day.

    Thread Starter thirst4tiles

    (@thirst4tiles)

    Hi Carlos

    I’ve just tried that and it works perfectly! Thank you so much.

    All the best
    Nathan

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

The topic ‘Category image issue’ is closed to new replies.