Add to cart letters is too small at motion theme

Store Design
1

Hi community:) Im using Motion theme and I want to ask if someone knows how can I make bigger the letters on the button Add to Cart and the letters on the button below Buy with Paypal. Here is my shop link

https://everydayheroes-store.com/

I appreciate any help on that :slightly_smiling_face:

Take care

2

@everydayheroess ,

button#AddToCart-7115546722496, button.shopify-payment-button__button.shopify-payment-button__button--unbranded._2ogcW-Q9I-rgsSkNbRiJzA._2EiMjnumZ6FVtlC7RViKtj._2-dUletcCZ2ZL1aaH0GXxT {
    font-size: 22px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

3

Hi ,and thank you , the size didn’t change and the frase Buy with Paypal disappear

4

Also in my country Shopify Payments doesn’t work yet

5

@everydayheroess ,

button#AddToCart-6566328172736 {
    font-size: 22px;
}

where is this button button “buy with paypal”

I saw buy it now button

6

@everydayheroess go Online Store->Theme->Edit code->Assets->theme.scss.liquid

you can either find this section of code and change the font size in it from 16 to 22px to match Buy Now button

.payment-buttons .add-to-cart--secondary

or you can add this code at the end of file

.payment-buttons .add-to-cart--secondary{
font-size:16px;
}

And I didn’t understand the part about below Paypal, so can you send a screenshot of which part you meant?

In case you aren’t able to do it, I could do it for you. I won’t charge you, don’t worry.

Just contact me via mail here and I’ll help you out.

7

@everydayheroess Go to assets/theme.css and paste below css for both button.

.payment-buttons > [id*='AddToCart']
{
font-size: 22px !important;
}

.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled])
{
font-size: 22px !important;
}
8

Before add the code you send this button was ''Buy With Paypal ‘’, now I can’t find it

9

@everydayheroess ,

Please remove my code & let me share the screenshot.

10

@everydayheroess The code given by all of us only increases the font size.

None of the codes have anything to do with the hidden Paypal button.

Although after closely inspecting your code, I found a “More Payment Options” button

imatikshaikh_0-1660724714977.png
imatikshaikh_0-1660724714977.png1495×354 177 KB

But even if it’s hidden, that only works as a buy now button, and directly takes me to that cart.

11

@imatikshaikh ,

button.shopify-payment-button__more-options._2ogcW-Q9I-rgsSkNbRiJzA.shopify-payment-button__button--hidden {
    font-size: 22px;
}

This is css for more option button, It will increase the font size the letter…

12

…

13

Hi I found the code and I change the px number . It was the only works for the ‘’ Add to Cart ‘’ button . As for the secondary button I made the same but didn’t work . The ‘‘Buy Now’’ letters is still small . Can you please help me on this ?