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

[astrofinityligh]

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!! 😞

[oscprofessional · 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

[oscprofessional · Accepted solution]

@astrofinityligh ,

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

[oscprofessional · 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;
}

[astrofinityligh · 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 · Accepted solution]

@astrofinityligh ,

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

[oscprofessional · Accepted solution]

@astrofinityligh ,

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

[oscprofessional · Accepted solution]

@astrofinityligh ,

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

[oscprofessional · Accepted solution]

@astrofinityligh ,

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

[oscprofessional · 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

[astrofinityligh]

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 · Accepted solution]

@astrofinityligh ,

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

[astrofinityligh]

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

[astrofinityligh · 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]

@astrofinityligh ,

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

[astrofinityligh]

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 · Accepted solution]

@astrofinityligh ,

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

[oscprofessional]

This will apply on checkout page.

[astrofinityligh]

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 · Accepted solution]

@astrofinityligh ,

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

[astrofinityligh]

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

[astrofinityligh]

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

[oscprofessional · Accepted solution]

@astrofinityligh ,

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

[astrofinityligh]

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

also on this page. 

[oscprofessional]

@astrofinityligh ,

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

[astrofinityligh]

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 · Accepted solution]

@astrofinityligh ,

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

[astrofinityligh · Accepted solution]

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

[oscprofessional]

@astrofinityligh ,

You have removed the codes?

[oscprofessional]

@astrofinityligh ,

Hey, 

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

[astrofinityligh]

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

[astrofinityligh]

But no clue bc it isnt workign and it was before

[oscprofessional]

@astrofinityligh ,

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

[astrofinityligh]

}

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]

@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

[astrofinityligh]

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)