Astra Theme bug – Product images wrong sizes

  • Resolved bhranch

    (@bhranch)


    3 years, 8 months ago

    Hello,
    I have an issue with my woocommerce product images. On my desktop they appear correctly, but when I look on mobile I have two columns and always on the left side the images are appearing smaller than the right and the right is large. I have astra theme and elementor pro. I looked through the forum and seen a post from 5 days ago that they was having the same problem with their product archive I am having. I seen where
    BSF – Herman Asrori had answered saying it was a bug in the astra theme and as a temporary workaround he listed a CSS code for that person to use.

    .elementor-widget-container .woocommerce[class*="columns-"] ul.products li.product:nth-child(n),
.elementor-widget-container .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(n){
    margin-right:unset;
}

    I use Code Snippets plugin and when I copied the CSS code he listed & put it into snippet then only run of front end then save changes & active. I get fatal error on line 1 (syntax error, unexpected “.”, expecting end of file) message. How can I put this css code into code Snippets to work without the fatal error ?
    Thank You

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

  • Hi @bhranch,

    Simply add that CSS code in Appearance > Customize > Additional CSS.

    I hope it will help.

    Kind regards,
    Herman ??

    Thread Starter bhranch

    (@bhranch)

    Hello Herman (@bsfherman), Thank You for the information. Yes I went ahead and added the css the regular way through the theme customization last week & it is working well. I was just thinking the snippet plugin might be easier. Thanks Again for the help, I appreciate it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Astra Theme bug – Product images wrong sizes’ is closed to new replies.