Product page image zoom issue

This topic has 9 replies, 3 voices, and was last updated 6 years, 7 months ago by Elise Noromit.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
April 22, 2018 at 2:13 pm #53826

inmanojkumar
Participant

Hi Team,
Please refer to the image attached,
in image: 1) while zooming the original image is seen in backward
2) How to reduce the curve on add to cart button as well as choose option, quantity option(i would like to have it quite rectangular)

On single product page: How to remove Description and Shipping and Delivery tab. ( i need only Review tab below the product)

On product page: how to change the header text to Light theme?? now the shop page header text is in dark theme

thanks in advance

Attachments:
You must be logged in to view attached files.

April 22, 2018 at 2:19 pm #53828

inmanojkumar
Participant

one more query along with above:

I have added Newsletter menu in footer, and can you please help me to create a “popup email form” when clicking it??

April 22, 2018 at 5:05 pm #53856
Artem Temos
Keymaster
Hello,

1. Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.
```
.zoomImg {
	background: white;
}
```
2. Use the following code
```
.variations_form .variations .value select {
	border-radius:10px;
}
```
3. Here is an article from WooCommerce documentation that may help you customize your product page tabs https://docs.woocommerce.com/document/editing-product-data-tabs/

4. You can change your header color scheme in Theme Settings -> Header -> Styles & Colors.

5. Add this CSS class to that link in the menu woodmart-open-newsletter.

Kind Regards
April 22, 2018 at 6:16 pm #53866

inmanojkumar
Participant

Thanks for you response team, i missed a thing to explain properly..my bad..

Add this CSS class to that link in the menu woodmart-open-newsletter.

this above part, i have not created as menu, i just created an HTML block and used on footer, i need to add that popup in that html link”Newsletter”..kindly help me on this

April 22, 2018 at 6:32 pm #53869

inmanojkumar
Participant

Team,
1) I need all buttons to be with radius :10px (please mention any global setting for that)

2) In my footer social icons, i need to change the hover color(red to blue) how to do that?

Thanks in Advance

April 23, 2018 at 6:18 am #53890
Artem Temos
Keymaster
Yes, you need to edit that HTML block and add a CSS class mentioned to the link you use.

1. We will introduce such option in our future updates. Unfortunately, there is no such global option at the moment.

2. Try to add the following code snippet to the Custom CSS area in Theme Settings
```
div.woodmart-social-icons.icons-design-simple .woodmart-social-icon a:hover {
	background: blue;
}
```
Regards
April 24, 2018 at 11:42 am #54292

inmanojkumar
Participant

2. Try to add the following code snippet to the Custom CSS area in Theme Settings

div.woodmart-social-icons.icons-design-simple .woodmart-social-icon a:hover {
background: blue;
}

This is not working..please let me know how to change the hover color of Footer social icons to blue??

April 24, 2018 at 11:58 am #54300

Artem Temos
Keymaster

Where did you place that code? We don’t see it on your website now.

April 24, 2018 at 12:03 pm #54301

inmanojkumar
Participant

team,
its working now..thank you so much for you wonderful support

April 24, 2018 at 12:36 pm #54313

Elise Noromit
Member

You are welcome! If you have any questions feel free to contact us.

Best Regards
Author

Posts