WP theme and Woocommerce single prod issue

  • I am using the Illdy (https://colorlib.com/wp/themes/illdy/) theme and also am using woocommerce.

    The single product page here: https://www.bluelinebox.com/product/monthly-blueline-box/

    The Shopping Cart is all messed up too… This is the only theme I have had this issue with!

    https://www.bluelinebox.com/my-account/cart/

    The image was very large and seems to have been enlarged by the theme to 913.433 x 733.783. But the actual image is only 640 x 481. Because of this is has caused the sidebar to go to the bottom footer area and throw everything off.

    I did the following in stylesheet to at least get the image smaller,

    .single_product_display .imagecol {
    width: 23%;
    }
    /* modify product summary width */
    .single_product_display .productcol {
    width: 73%;
    }

    but really that didn’t fix my issue because the layout is all still messed up

    Also, I have used other themes and not had this issue. Only when I loaded this theme.

    Any ideas on how to fix it?

    Thank you

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

  • The problem is caused because the theme is not able to work with woocommerce. For that reason you should use a woocommerce theme…

    Still you can fix it

    If you are working with a child theme? I guess not? You could add this code in your style.css (from the child theme)

    woocommerce img, .woocommerce-page img {
    height: auto;
    max-width: XXXpx; // Where XXX Stands for the maximum size of the picture
}

    When not using a child theme, you could use the custom CSS function in your theme or use a plugin to do this and add the code there.

    I’m running a website with a theme that is not working well with woocommerce myself and I had to change a loooooooot of CSS to make it work well… ??

    So Good luck with that

    Thread Starter bluelinebox

    (@bluelinebox)

    Ok, so I have some other template that has a child theme.. I assume… So is it possible to copy some files from that theme into my current theme to make it display as the other theme does (in woocommerce only)?

    You will have to change the CSS of woocommerce.css

    This you can not do in woocommerce.css itself because you could ruin it, or an update will overwrite it.

    You need to use a child theme or a custom css editor

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WP theme and Woocommerce single prod issue’ is closed to new replies.