REMOVE SLIDERS FROM POPUP

[Shahil1]

Please help me to remove the marked sliders from my size guide popup. i want the size guide popu to be displayed without any padding issue or sliders in both pc and mobile. he mobile has slider below the table as well. please help me.

store - https://mbzt3gy93rhf9zaf-71576191201.shopifypreview.com

password - closed

[DaisyVo]

Hi @Shahil1 

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

modal-dialog.product-popup-modal x-grid img {
    height: 70vh !important;
    width: auto !important;
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[websensepro · Accepted solution]

Hi @Shahil1 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

modal-dialog.product-popup-modal x-grid img {
    object-fit: contain;
    height: 69.5vh !important;
    width: auto !important;
    margin: auto !important;
    overflow: hidden !important;
}
modal-dialog .contents>x-grid>x-cell {
    padding: 0 !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[Shahil1]

hi please help me remove these spaces from mobile .

[websensepro]

Will you share the link with me again? Your link has expired.

[Shahil1]

https://aasjgec36p0u65zp-71576191201.shopifypreview.com

Password - 678543