Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How can I adjust spacing and font size in the Refresh theme?

Solved

How can I adjust spacing and font size in the Refresh theme?

SoldierOfGod
Tourist
7 0 1

Hi there! 

 

Hopefully, everyone is doing well. 

 

I have two quick questions and would appreciate it if someone could shed some light and provide me with a solution. The theme I'm using is the new, free Shopify 2.0 theme called "Refresh"

 

1.) https://gyazo.com/609bee2d2384e3cf725e75622192bfdb - Where in the theme files can I increase the spacing between the "emitting color" section and product pricing?

 

2.) Lune's Crystal Lamp  - Where in the theme files can I increase the font size of my "Add to cart" button?

 

Thanks to everyone in advanced. 

Accepted Solution (1)

made4Uo
Shopify Partner
3856 717 1198

This is an accepted solution.

Hi @SoldierOfGod 

 

I understand that you want increase the space between the pricing the variant title and also, increase the font size of the add to cart button. 

 

You follow the instructions below, to do so.

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the base.css
3. Paste the code below at the very bottom of the file.

variant-radios.no-js-hidden {
    margin-top: 2rem;
}

.product-form__submit.button span {
    font-size: 2rem;
}

 

NOTE: Change the 2 for each code to increase or decrease 

This code below is for the #1 issue

variant-radios.no-js-hidden {
    margin-top: 2rem;
}

 

The code below is for the #2

.product-form__submit.button span {
    font-size: 2rem;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 5 (5)
SoldierOfGod
Tourist
7 0 1

Thanks for asking, it's the new, free Shopify 2.0 theme called "Refresh".

made4Uo
Shopify Partner
3856 717 1198

This is an accepted solution.

Hi @SoldierOfGod 

 

I understand that you want increase the space between the pricing the variant title and also, increase the font size of the add to cart button. 

 

You follow the instructions below, to do so.

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the base.css
3. Paste the code below at the very bottom of the file.

variant-radios.no-js-hidden {
    margin-top: 2rem;
}

.product-form__submit.button span {
    font-size: 2rem;
}

 

NOTE: Change the 2 for each code to increase or decrease 

This code below is for the #1 issue

variant-radios.no-js-hidden {
    margin-top: 2rem;
}

 

The code below is for the #2

.product-form__submit.button span {
    font-size: 2rem;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
SoldierOfGod
Tourist
7 0 1

You sir are an absolute legend! Thank you very much for your fast & accurate help, I really appreciate it. I wish you the best. 

Maitatl1
New Member
7 0 0

I need help changing the product description to a larger font.  I saw the past solutions and when I pasted them on layout.theme.liquid, only the spacing increased, not the actual font.  Please help, thanks!