Support InnovativeWP Support InnovativeWP
  • Home 
  • Forum 
    • Forums 
    • Ask Question 
  • Blog 
  • Important 
    • About Us 
    • Contact 
    • Sign in 
    • Sign up 
Pricing
Support InnovativeWP Support InnovativeWP
Pricing
Support InnovativeWP
  • Home 
  • Forum 
    • Forums 
    • Ask Question 
  • Blog 
  • Important 
    • About Us 
    • Contact 
    • Sign in 
    • Sign up 
tryans@live.com
Participant
6 months, 3 weeks ago 4 Replies
Q:

WooCommerce Variation Swatches

Hello

how to move the swatch image option position

https://prnt.sc/26gnt8y

there’s no option to change the position on the setting.

thanks

 

plugin name : WooCommerce Variation Swatches And Additional Gallery

 

  • This topic was modified 6 months, 3 weeks ago by tryans@live.com.
  • This topic was modified 6 months, 3 weeks ago by tryans@live.com.
Swatches & Images
All Replies

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

InnovativeWP
Keymaster
6 months, 1 week ago

Hello,

I can see the page and customization you are looking for.

From frontend i can see that you are using some theme with class name

#qodef-woo-page.qodef–single form.cart .variations

that is responsible for designing the product page.

This can be done by customizing below css lines.

#qodef-woo-page.qodef–single form.cart .variations {

  1. margin-bottom:
    30px

    ;

}
table {
  1. width: 100%;
  2. vertical-align: middle;
  3. border: medium none;
  4. border-collapse: collapse;
  5. border-spacing: 0;

}

You will find this CSS in your theme. Customize this as per your requirement. Adjusting the width will do the work.

Note – Apply the updated changes into Child theme or a snippet.

 

Thank You

tryans@live.com
Participant
6 months, 2 weeks ago

hello

sorry just replied

please check my product https://wearekosame.com/shop-kosame/le-special/

thanks

InnovativeWP
Keymaster
6 months, 2 weeks ago

Hello,

Is it resolved now? I have not received any response.

Thank You

InnovativeWP
Keymaster
6 months, 3 weeks ago

Hello,

Can you please share whole page screenshot and link to the page.

Your product page is supposed to look something like this – here

This product page is made with our plugin.

 

Share the link to your product page, then i will be able to help you.

 

Thank You.

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

  • You must be logged in to reply to this topic.
Log In
  • Documentations
  • Support Forum
  • Contact Us

© 2022 All Rights Reserved by InnovativeWP