conflict with woodmart theme

  • Resolved barbarab123

    (@barbarab123)


    2 years, 8 months ago

    Hello, NextGen Gallery causes a conflict when using the woodmart theme. The problem appeared some days ago. The thumbnails on product pages don′t have the right format anymore and the scroll buttons for the thumbnails are not at the right place. Unfortunately NextGEN Galleries are an important part of our downloa area, that’s why the problem is so urgent.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Imagely

    (@imagely)

    Hi @barbarab123,

    Usually that’d have to do with the theme using non-standard ways of hard modifying selectors and applying it’s own code/style to NextGen galleries so first of all, it’d definitely worth checking with the theme support to see if they have any solutions for you.

    We can have a look at it if you don’t mind providing us with an example URL of the affected gallery page.

    • This reply was modified 2 years, 8 months ago by Imagely.
    Thread Starter barbarab123

    (@barbarab123)

    Thank you, here is one example of the incorrect thumbnail layout:
    https://borowski-glas.de/borowski-shop/buzz-on-stick/
    The NextGEN gallery plugin is activated now. When I deactivate it the layout looks fine again.
    Regards

    Plugin Contributor Imagely

    (@imagely)

    Hi @barbarab123,

    Let’s try adding the CSS snippet from below to “Appearance -> Customize -> Additional CSS” to see if that’ll improve the way it looks. It appears that you use NextGen’s slideshow and WooCommerce’s on the same page both of them geared by Slick slideshow that’s custom configured individually for each of the instances but they also come with global styling for some of the selectors, overriding each others’ and that’s where it conflicts.

    .product-image-summary-wrap .slick-prev, 
.product-image-summary-wrap .slick-next {
    position: relative !important;
    top: 0px !important;
    display: flex !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    background-color: rgb(247, 247, 247) !important;
}

.product-image-summary-wrap .thumbnails.slick-slider>button:before {
    opacity: 1 !important;
    color: var(--color-gray-800) !important;
}
    • This reply was modified 2 years, 8 months ago by Imagely.
    • This reply was modified 2 years, 8 months ago by Imagely.
    • This reply was modified 2 years, 8 months ago by Imagely.
    • This reply was modified 2 years, 8 months ago by Imagely.
    • This reply was modified 2 years, 8 months ago by Imagely.
    • This reply was modified 2 years, 8 months ago by Imagely.
    Thread Starter barbarab123

    (@barbarab123)

    Thank you, unfortunately the CSS didn′t improve it much The thumbnails are still overlapping each other, the buttons are not in the right place and the colors of the buttons are not good

    Plugin Contributor Imagely

    (@imagely)

    Hi @barbarab123,

    You can contact us directly at https://www.imagely.com/report-bug/ and we’ll have a closer look at the styling conflict because it may require some additional rewrites.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘conflict with woodmart theme’ is closed to new replies.