How can I modify the position and color of the Afterpay logo on my product page?

elysemiddleton
Excursionist
24 0 9

Is there any way I can change the position of the Afterpay line so it isn't off to the side and also make the Afterpay logo black? I can't seem to find any info on doing this. Thanks!

Screenshot 2023-02-20 at 12.45.53 pm.png

Replies 9 (9)

PageFly-Victor
Shopify Partner
7865 1785 3071

Hi @elysemiddleton 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

 

Online Store ->Theme ->Edit code

Assets ->Theme.scss.css

afterpay-placement {
    text-align: center !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

elysemiddleton
Excursionist
24 0 9

Thank you that worked! Am I able to make the logo black and white instead of colour as well?

KetanKumar
Shopify Partner
36890 3640 11983

@elysemiddleton 

great

if possible to share store url so i will check this if possible 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
elysemiddleton
Excursionist
24 0 9
KetanKumar
Shopify Partner
36890 3640 11983

@elysemiddleton 

yes, please confirm this 

KetanKumar_0-1676863663937.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
elysemiddleton
Excursionist
24 0 9

yes, that is what I want it to look like instead of being blue

KetanKumar
Shopify Partner
36890 3640 11983

@elysemiddleton 

yes, please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.afterpay-logo.black-on-mint .afterpay-logo-badge-background {
    fill: #000 !important;
}
.afterpay-logo.compact-badge svg, .afterpay-logo.compact-badge {
    color: #fff !important;
    fill: #fff !important;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
elysemiddleton
Excursionist
24 0 9

I just tried that and its still blue

KetanKumar
Shopify Partner
36890 3640 11983

@elysemiddleton 

oh sorry for any issue can you please share store url so i will check and let you now 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing