AfterPay edit CSS - cant seem to edit font size and badge colour

Store Design
1

I need to:

  • Make the AfterPay font a lot smaller
  • Change the AfterPay colour to black

Make the change from this:

Tamed16_0-1701506871772.png
Tamed16_0-1701506871772.png445×244 13.6 KB

to this:

Tamed16_1-1701506902085.png
Tamed16_1-1701506902085.png445×157 10.8 KB

I have edited the HTML code via the ‘inspect element’ option, but I cant seem to paste it. I have changed the theme.liquid file based on other suggestions but no to avail

Can someone please help?

2

@Tamed16 , can you share your store url?

3

Sure its https://www.demarf.com/products/bag-t-shirt-df

4

@Tamed16 , Add the following code to base.css :

.afterpay-logo.black-on-mint .afterpay-logo-badge-background {
    fill: none !important;
}
5

Nope that didnt work

6

@Tamed16 , try to add the code as custom css from the theme editor or inside theme.liquid add this to the end before tag: