Images not showing in layout but are clickable.

[LinCSS25]

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.

http://www.link-creative.com/product/daelo-typeface/

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

Thank you!

[deb]

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:
https://drive.google.com/file/d/0B8ozunrwOxIBLXl0X3RPckFhWmM/view

[LinCSS25]

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

[LinCSS25]

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.

[deb]

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' );
}

[Author]

Posts