Change Colour of the pop-up after 'choose options'

Change Colour of the pop-up after 'choose options'

DGQs
Tourist
15 0 3

Hi there,

 

I want to Change Colour of the pop-up after 'choose options', but I have no idea where to do so. I have tried every item in the theme settings, but no clue where to find it.

 

I want to be able to flexibily change the colour of the titles, the background, remove the 'pay with paypal' option, but not sure what this section is even called. How can I make custom adjusments please? 

 

Screenshot 2024-09-16 at 12.41.20.png

Replies 3 (3)

Moeed
Shopify Partner
5519 1496 1787

Hey @DGQs 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.quick-add-modal .shopify-payment-button {
    display: none !important;
}
</style>

For the others, can you tell me in detail what do you change the color and background color to?

RESULT:

Moeed_0-1726484677522.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


ZestardTech
Shopify Partner
5776 1052 1392

Hi @DGQs 

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.quick-add-modal .shopify-payment-button {
display: none !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Made4uo-Ribe
Shopify Partner
8420 2016 2471

Hi @DGQs 

If you like to add a default buttons so can change it easily that needs a developer to add buttons for the edit theme. But to change the color or background. Check this one below. 

 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

/* quick modal background */
.quick-add-modal__content-info, .quick-add-modal__content-info>product-info {
    background: pink;
}
/* quick modal product title */
quick-add-modal .product__title h2.h1 {
    color: black;
}

 

And Save. 

Made4uoRibe_0-1726491338686.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.