How do I remove the box around images in Crave theme?

[Sebas1221]

Hi Im having a problem in removing a kind of box around my images and buttons on my website it is using the crave theme I will insert link for reference

https://rapro.ie/products/car-air-freshener-100ml-new-car

[oscprofessional]

@Sebas1221 ,

.global-media-settings {
    border: 0;
}

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

[Sebas1221]

Hi I have added that and it work perfectly thanks but there is still a tiny white line at the bottom do you know how to get rid of this you will see it in the above link

[Sebas1221]

Also still like a box around all of the buttons and stuff do you know how to get rid of it all? Greatly Appreciated

[oscprofessional]

@Sebas1221 ,

this one ?

[Sebas1221]

Yes and all of them in general I would love to have no white around buttons ect Just plain black with no shadows or borders all over the website

[oscprofessional]

@Sebas1221 ,

.button:before, .shopify-challenge__button:before, .customer button:before, .shopify-payment-button__button--unbranded:before, .shopify-payment-button [role=button]:before, .cart__dynamic-checkout-buttons [role=button]:before {
    box-shadow: none;
}

.global-media-settings:after {
    box-shadow: none;
}

[Sebas1221]

Perfect box is gone around the item thank you so much.

Just one more question how do I get rid of the boxes in the nax bar and on button i pasted in all the code you gave me

[Sebas1221]

[oscprofessional]

@Sebas1221 ,

ul#HeaderMenu-MenuList-5 {
    border: 0;
    box-shadow: none;
}
.quantity:after {
    box-shadow: none;
}
quantity-input.quantity {
    position: unset;
}

[Sebas1221]

Perfect the box around buttons is gone just the nav bar left but I will try figure it out myself you have been more than enough help thank you:)

[Sebas1221]

Weird that there is now a white line going through the screen