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

Technical Q&A
1

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!! :disappointed_face:

2 
.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

3

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 ??

4

@astrofinityligh ,

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

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

6

@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;
}
7

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)

8

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)

9

@astrofinityligh ,

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

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

11

@astrofinityligh ,

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

This will apply on checkout page.

13

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.

14

@astrofinityligh ,

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

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

16

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

17

@astrofinityligh ,

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

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

also on this page.

19

@astrofinityligh ,

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

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