AbanteCart Community

Shopping Cart Operations => Support => Topic started by: garyfartsalot on November 19, 2021, 03:24:08 PM

Title: Free Shipping CSS
Post by: garyfartsalot on November 19, 2021, 03:24:08 PM

Does anyone know what part of the css file I can edit to change the colour of the background and text of the free shipping notification that appears on a product page when enabled? See image

Title: Re: Free Shipping CSS
Post by: Basara on November 22, 2021, 03:25:11 AM

Hello.
Use your browser insect tool to find CSS rule
https://abantecart.atlassian.net/wiki/spaces/AD/pages/7569496/Debug#Debug-Browserinspector

Code: [Select]

.alert.alert-info.mt10.mb10.free-shipping-holder {
    background-color: black;
}

Title: Re: Free Shipping CSS
Post by: garyfartsalot on November 28, 2021, 11:26:57 AM

Thanks for the reply

I did that but I could not find the entry in the css file

Title: Re: Free Shipping CSS
Post by: Basara on November 29, 2021, 12:15:26 AM

Quote from: garyfartsalot on November 28, 2021, 11:26:57 AM

Thanks for the reply

I did that but I could not find the entry in the css file

Hello.
Try to add the code I posted to the very top of your theme CSS file

Title: Re: Free Shipping CSS
Post by: garyfartsalot on December 03, 2021, 01:15:50 PM

ah yes, thanks very much