Solved

How do I remove the "Select preferred delivery date" section on my Debeautify theme Shopify store?

astrofinityligh
Excursionist
53 2 2

Shopify isnt letting me upload a link. Please go on my website "astrofinitylights.com", and onto my "add to cart" page...How do I remove all of these white boxes with the text that I do not want? There are three things that I do not want 1) the Select preferred delivery date 2)  Discount code box 3) How did you hear about us? Box.

 

I want them removed!! Please help!! 😞

 
Accepted Solutions (9)

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

.dbtfy.dbtfy-delivery_date.card.card-mobile.spacer-top, .CartDiscount.card-body, .card.form-vertical {
    display: none;
}

@astrofinityligh 

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

span.material-icons-outlined, a.text-ellipsis, .qty-container .qty-input.cart__product-qty, span.material-icons-outlined {
    color: #000;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

p.cart__subtotal.text-money.spacer-bottom-none.text-large.text-ellipsis, p.spacer-bottom-none, span.money, p.cart__policies.text-center.text-small.rte {
    color: #000;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

astrofinityligh
Excursionist
53 2 2

This is an accepted solution.

That also made the price tag of the product black on this page... I need the PRICE OF THE PRODUCT text white on this page. 

 

https://astrofinitylights.com/products/astronaut-galaxy-projector

 

(As you see it is blended in if you highlight the whole page)

View solution in original post

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

body#your-shopping-cart span.money {
    color: #000;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

span.material-icons-outlined {
    color: #fff;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

.dbtfy-cart-page-container span.material-icons-outlined {
    color: #000;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

#az_reviews .box_rating_number {
    color: #fff;
}
.reviews_main_title p {
    color: #fff !important;
}
#az_reviews .row [class*=all-] {
    color: #fff;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

astrofinityligh
Excursionist
53 2 2

This is an accepted solution.

Thanks, but now the checkout button isnt working after you add something to cart?

View solution in original post

Replies 28 (28)

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

.dbtfy.dbtfy-delivery_date.card.card-mobile.spacer-top, .CartDiscount.card-body, .card.form-vertical {
    display: none;
}

@astrofinityligh 

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2

THANK YOU! On this same page I have another small problem. I want the text color of everything on this page with a WHITE background to have BLACK text. I cannot see any of the words on the page- could you help out ??

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

span.material-icons-outlined, a.text-ellipsis, .qty-container .qty-input.cart__product-qty, span.material-icons-outlined {
    color: #000;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2

That helped. Do you see under the "Check out" button there is 1 sentence of text?? It is in white, you need to highlight it to see it. Could you make that black too? Thanks in advance

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

p.cart__subtotal.text-money.spacer-bottom-none.text-large.text-ellipsis, p.spacer-bottom-none, span.money, p.cart__policies.text-center.text-small.rte {
    color: #000;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2

This is an accepted solution.

That also made the price tag of the product black on this page... I need the PRICE OF THE PRODUCT text white on this page. 

 

https://astrofinitylights.com/products/astronaut-galaxy-projector

 

(As you see it is blended in if you highlight the whole page)

oscprofessional
Shopify Partner
15895 2377 3082

@astrofinityligh ,

.box span.money {
    color: #fff;
}
span.header_reviews_number.reviews_rating_title {
    color: #fff !important;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2

I want the text of the price to be white on the product page (on Astrofinity Lights & Home page) but I want the text for the price black at checkout. It blends in, look at it 

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

body#your-shopping-cart span.money {
    color: #000;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
oscprofessional
Shopify Partner
15895 2377 3082

This will apply on checkout page.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2

Worked perfect. However, now the top right corner, the three icons are black. The search icon, the world, and the cart button are black. Highlight the top right corner.

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

span.material-icons-outlined {
    color: #fff;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2

Now at checkout, and at the product page, the + and - icons are not showing up black. Lol

astrofinityligh
Excursionist
53 2 2

To choose order quantity the plus and minus are white with the background

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

.dbtfy-cart-page-container span.material-icons-outlined {
    color: #000;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2
oscprofessional
Shopify Partner
15895 2377 3082

@astrofinityligh ,

#ProductMeta-template--15875151626453__main span.material-icons-outlined {
    color: #000;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2

On the product page the text of the reviews is also still black. Scroll down to "customer reviews- and in the middle all of the numbers (for the stars are black) and I would like them white

 

https://astrofinitylights.com/products/astronaut-galaxy-projector

oscprofessional
Shopify Partner
15895 2377 3082

This is an accepted solution.

@astrofinityligh ,

#az_reviews .box_rating_number {
    color: #fff;
}
.reviews_main_title p {
    color: #fff !important;
}
#az_reviews .row [class*=all-] {
    color: #fff;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2

This is an accepted solution.

Thanks, but now the checkout button isnt working after you add something to cart?

oscprofessional
Shopify Partner
15895 2377 3082

@astrofinityligh ,

You have removed the codes?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
oscprofessional
Shopify Partner
15895 2377 3082

@astrofinityligh ,

Hey, 

you changed only colors, it will not affect on functionality.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2

didnt delete any of the codes, not sure why its doing that. maybe it wasnt from you may be a bug. 

astrofinityligh
Excursionist
53 2 2

But no clue bc it isnt workign and it was before

oscprofessional
Shopify Partner
15895 2377 3082

@astrofinityligh ,

Comment all the codes you have added and check the checkout button.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2


}


body:not(.dbtfy-newsletter_popup-destroy) .np-floating-bar-wrapper.np-position-right {
right: 0;
display: none !important;
}


.btn.hero__btn {
background-color: #FFFFFF;
}

 

.btn { border: 1px solid #ffffff !important; background-color: #ffffff !important; border-color: #000000 !important; color: #000000 !important; }

 


#shopify-section-footer form button{
background: #ffffff !important;
color: #000000 !important;
}

#shopify-section-footer form input{
border-color: #000000;
background: #ffffff !important;
color: #ffffff !important;
}

#shopify-section-footer form input::placeholder{
color: #000000 !important;
}


.placeholder-noblocks {
display: none;
}

 

 

.form-vertical input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000 !important;
}

.form-vertical input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000 !important;
}

.form-vertical input::-ms-input-placeholder { /* Microsoft Edge */
color: #000 !important;
}

#shopify-section-footer form input {
color: #000 !important;
}


input::placeholder, textarea::placeholder {
color: #000000;
opacity: 1;
}

 


.cart-note__input, .cart__qty-input{color: #000;}


input#Quantity-product-7660523225301 {
color: #000;
}


#mainContent input[type="button"] {
color: #000!important;
}

 


.dbtfy.dbtfy-delivery_date.card.card-mobile.spacer-top, .CartDiscount.card-body, .card.form-vertical {
display: none;
}


span.material-icons-outlined, a.text-ellipsis, .qty-container .qty-input.cart__product-qty, span.material-icons-outlined {
color: #000;
}

 

p.cart__subtotal.text-money.spacer-bottom-none.text-large.text-ellipsis, p.spacer-bottom-none, span.money, p.cart__policies.text-center.text-small.rte {
color: #000;
}

 


.box span.money {
color: #fff;
}
span.header_reviews_number.reviews_rating_title {
color: #fff !important;
}

 

body#your-shopping-cart span.money {
color: #000;
}

 

span.material-icons-outlined {
color: #fff;
}

 

.dbtfy-cart-page-container span.material-icons-outlined {
color: #000;
}

 

#ProductMeta-template--15875151626453__main span.material-icons-outlined {
color: #000;
}

 


#az_reviews .box_rating_number {
color: #fff;
}
.reviews_main_title p {
color: #fff !important;
}
#az_reviews .row [class*=all-] {
color: #fff;
}

 

.action_button.bold-checkout {
pointer-events: auto !important;
}

oscprofessional
Shopify Partner
15895 2377 3082

@astrofinityligh ,

I mean remove all the codes I have shared and check the button. it will work or not. then enter again all the codes

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
astrofinityligh
Excursionist
53 2 2

But, that also made the price tag of the product black on this page... I need the PRICE OF THE PRODUCT text white on this page. 

 

https://astrofinitylights.com/products/astronaut-galaxy-projector

 

(As you see it is blended in if you highlight the whole page)