Hello. Is it possible in the Salient theme to change the location of the product image on a WooCommerce single product page? The image default is on the left, but we would like to align the image to the right side of all product pages. Can this be achieved with Custom CSS? Thank you.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I actually just went in and selected the following settings (in new screenshot), and now it is working with the image on the right. FYI, I removed your custom CSS and cleared my site cache several times. The image is now right-aligned. But I'm not sure how or why. Thank you for working through this with me.
Hello. Is it possible in the Salient theme to change the location of the product image on a WooCommerce single product page? The image default is on the left, but we would like to align the image to the right side of all product pages. Can this be achieved with Custom CSS? Thank you.
Hello there,
Thank you for reaching out to us.
Could you share your site URL so we can look into this?
Kind regards,
Hello again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.single-product .nectar-prod-wrap { display: flex; flex-direction: row-reverse; }Thanks,
Hello again,
It can be difficult to add and test the CSS as we do not have access to your shop/site. With access, we can try out CSS and see how it will work.
Kind regards,
I actually just went in and selected the following settings (in new screenshot), and now it is working with the image on the right. FYI, I removed your custom CSS and cleared my site cache several times. The image is now right-aligned. But I'm not sure how or why. Thank you for working through this with me.
Attached files: Screen Shot 2023-03-02 at 11.12.22 AM.png
Hello there,
We are glad this is working for you.
Please feel free to open a new ticket in case of any other queries.
Thanks.