The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Images not showing in layout but are clickable.

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #257301

    I just set up a commerce page on my website and this is so strange. the boxes for the images are there, when I use firebug the images are linked and show in the preview in firebug but the simply will not show in the page! there is a preview of the font I am selling to the top left and then right below there should be a series of 5 images in a gallery for viewers to click on.

    You can click on the boxes and they open up!!! but they wont show in the layout of this page. Please help!

    Thank you!


    Hi LinCS25

    Its because from your some slider plugin, it makes this div opacity to 0.

    .woocommerce-product-gallery woocommerce-product-gallery–with-images woocommerce-product-gallery–columns-4 images

    Check this image:


    I wish I could fine where that styling is to change it. I have no idea.


    Thank you so much. I tried doing some overwriting CSS but its not working. That looks like its an inline style of some sort yes? I cant seem to find what file its in.. Guh… is there any way to find that out an easy way? I am having to pull files down one at a time and save / upload right now. I dont have a way to mass search all the files.


    In your style CSS, paste this CSS:

    .woocommerce-product-gallery { opacity: 1 !important }

    This will work for sure and if you want gallery slider, lightbox and zoom then paste this code into functions.php
    /*adding product lightbox and slider*/
    add_action( 'after_setup_theme', 'deb_theme_setup' );
    function deb_theme_setup() {
    add_theme_support( 'wc-product-gallery-zoom' );
    add_theme_support( 'wc-product-gallery-lightbox' );
    add_theme_support( 'wc-product-gallery-slider' );

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.