We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to make quick add pop up curved

Solved

How to make quick add pop up curved

harshi1
Tourist
12 0 2

I want to make the corners curved on this pop up but not sure how 

 

harshi1_0-1751566472507.png

 

Accepted Solution (1)

WebDeskSolution
Shopify Partner
252 55 64

This is an accepted solution.

Hello @harshi1 

 

Please follow the steps below after logging into the Shopify admin:

 

  • Go to your Shopify Admin panel.
  • Click on Online Store > Themes.

 

 

  • Find the live theme and then click Actions > Edit code.
  • Search base.css
  • Insert the provided CSS code at the end of the file and save the changes.

 

.quick-add-modal .quick-add-modal__content.global-settings-popup
{
    border-radius: 20px;
}

 

Please hit Like and Mark it as a Solution if you find our reply helpful.

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call: 877.536.3789


Canada: 150 King St W. STE 200, Toronto, ON M5H 1J9

 | USA: 98 Cutter Mill Rd. STE 466, Great Neck, NY 11021

View solution in original post

Replies 5 (5)

PaulNewton
Shopify Partner
8031 688 1649

@harshi1 Others aren't mind readers, provide inspectable public urls

https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/2254458 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


namphan
Shopify Partner
2777 358 407

Hi @harshi1,

Please go to Customize > Theme settings > Custom CSS and add code:

.quick-add-modal__content {
        border-radius: var(--variant-pills-radius) !important;
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
harshi1
Tourist
12 0 2

thank you so much this work as well

 

namphan
Shopify Partner
2777 358 407

Hi @harshi1,

It's my pleasure

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

WebDeskSolution
Shopify Partner
252 55 64

This is an accepted solution.

Hello @harshi1 

 

Please follow the steps below after logging into the Shopify admin:

 

  • Go to your Shopify Admin panel.
  • Click on Online Store > Themes.

 

 

  • Find the live theme and then click Actions > Edit code.
  • Search base.css
  • Insert the provided CSS code at the end of the file and save the changes.

 

.quick-add-modal .quick-add-modal__content.global-settings-popup
{
    border-radius: 20px;
}

 

Please hit Like and Mark it as a Solution if you find our reply helpful.

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call: 877.536.3789


Canada: 150 King St W. STE 200, Toronto, ON M5H 1J9

 | USA: 98 Cutter Mill Rd. STE 466, Great Neck, NY 11021