AFTERPAY PRODUCT PAGE - DECREASING FONT SIZE

Solved
ashishjr
Tourist
14 0 1

Hi there,

 

I added afterpay to the website but on the product page it looks big and ugly.

Is there a way to decrease the size and change the font color to grey ??

I pasted the code into theme.liquid 

Thank you!

 

APAY.PNG

0 Likes
Propero
Shopify Partner
685 80 117

Change in the theme's css file or do  a local style change if no standard header/text sizes are suitable

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

To hire: email us at shopify@propero.in

Skype : lokendra.panwar1
ashishjr
Tourist
14 0 1

I am not a developer, how can I achieve this. I understand what you are saying but I can't code. 

0 Likes
Propero
Shopify Partner
685 80 117

I cant test afterpay on dev store, please check there must be configuration option in that app for font size. Else I will need to log in to your store and check the theme. Please share URL in any case

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

To hire: email us at shopify@propero.in

Skype : lokendra.panwar1
0 Likes
ashishjr
Tourist
14 0 1

There is no app for this, i just added the code from afterpay website. 

My store URL is: oldgringoboots.com

Shopify: oldgringboots.myshopify.com

 

Thank you!

0 Likes
ashishjr
Tourist
14 0 1

Expected.PNG

This is the expected output i wanted to see. 

0 Likes
Propero
Shopify Partner
685 80 117

accept the collaborator access request from admin panel

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

To hire: email us at shopify@propero.in

Skype : lokendra.panwar1
0 Likes
Propero
Shopify Partner
685 80 117

paste this code in the same file where you put custom code from afterpay site. 

<style>
   .afterpay-text1 .afterpay-text2 .afterpay-instalments { 
    font-size: 14px !important;
}
</style>
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

To hire: email us at shopify@propero.in

Skype : lokendra.panwar1
0 Likes
ashishjr
Tourist
14 0 1

I pasted the code but it still doesn't change the text size. 

0 Likes
m1guelrod
Excursionist
11 1 1

This is an accepted solution.

This is not the best way but is a solution for you. 

1. Click on "Online Store" link (left side - Shopify dashboard)

2. Click on "Actions" button and click on "Edit code".

3. Go to "Layout" folder and click to open the theme.liquid file

4. Before the tag "</head>" ends, paste this code:

<style>

.product-shop .prices .afterpay-paragraph{

font-size: 14px !important;

}

</style>

 

Contact me if you need any help or a professional solution.

0 Likes