Author Topic: Free Shipping CSS  (Read 2197 times)

Offline garyfartsalot

  • Newbie
  • *
  • Posts: 23
  • Karma: +1/-0
    • View Profile
Free Shipping CSS
« 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

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5774
  • Karma: +274/-2
    • View Profile
Re: Free Shipping CSS
« Reply #1 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;
}

Offline garyfartsalot

  • Newbie
  • *
  • Posts: 23
  • Karma: +1/-0
    • View Profile
Re: Free Shipping CSS
« Reply #2 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

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5774
  • Karma: +274/-2
    • View Profile
Re: Free Shipping CSS
« Reply #3 on: November 29, 2021, 12:15:26 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

Offline garyfartsalot

  • Newbie
  • *
  • Posts: 23
  • Karma: +1/-0
    • View Profile
Re: Free Shipping CSS
« Reply #4 on: December 03, 2021, 01:15:50 PM »
ah yes, thanks very much

 

Powered by SMFPacks Social Login Mod