Can i change the Variation swatches size

This topic has 9 replies, 2 voices, and was last updated 5 months, 1 weeks ago ago by Rose Tyler

  • Avatar: uspolo
    uspolo
    Participant
    February 12, 2024 at 14:14

    Can i make the Variation swatches bigger or in a rectangulair shape in the prodct page ?

    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 12, 2024 at 14:47

    Hello,

    Thank you for reaching out to us with your query regarding the variation swatches on the product page.

    Your site is under maintenance mode, so we can’t check it.

    Could you please provide temporary wp-admin access and the URL of the variable product?

    Thank you for your cooperation and we look forward to hearing from you soon.

    Best Regards,
    8Theme’s Team

    Avatar: uspolo
    uspolo
    Participant
    February 13, 2024 at 12:25

    Okey ill send them in private

    Please contact administrator
    for this information.
    Avatar: uspolo
    uspolo
    Participant
    February 13, 2024 at 12:27

    and this the product, i want to chnge the size of the variation swatches :
    https://masterlook-dz.com/product/orenda-3pr-beiges-101391816/

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 13, 2024 at 14:05

    Hello,

    We appreciate your prompt response.

    Could you please provide us with the URL of the page containing the login form?

    Best Regards,
    8Theme’s Team

    Avatar: uspolo
    uspolo
    Participant
    February 13, 2024 at 14:55

    ok

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 13, 2024 at 15:24

    Hello,

    We regret to inform you that the link you have provided redirects us to a maintenance page https://prnt.sc/Jb4W6MjDpkZg , as a result, we are unable to view the login form. Kindly disable this temporarily.

    Best Regards,
    8Theme’s Team

    Please contact administrator
    for this information.
    Avatar: uspolo
    uspolo
    Participant
    February 13, 2024 at 15:34

    Ah OK, i have disabled the maintenance mode now

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 13, 2024 at 16:32

    Hello,

    We appreciate your prompt response.

    We would like to inform you that the following CSS code can be inserted into the Theme Options under the ‘Theme Custom CSS’ section to achieve the desired styling:

    .single-product ul.st-swatch-size-large li.type-label>span {
        padding: 30px;
    }
    .single-product ul.st-swatch-size-large li.type-label span {
        font-size: 2em;
    }

    You can view the expected outcome at this link: https://prnt.sc/OavMnsGgNO7K

    Should you require any further assistance, please do not hesitate to contact us.

    Best Regards,
    8Theme’s Team

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.