Adjust font size and add padding in page.sections in columns with image & text

Solved
Highlighted
Tourist
12 0 3

Hi there!

I'm trying to decrease the font size and add padding to each of the 3 sections underneath the images on this page: https://pairess.com/pages/about-us.

Tried playing around with the code but I'm not sure how to reference the section. Any help would be appreciated!

Thank you so much!

0 Likes
Highlighted
Shopify Partner
2227 483 626

Hey @amy_pairess,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.index-section h3, .h3 {
    font-size: 1em !important;
    padding-top: 10px;
}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
12 0 3

Hi @dmwwebartisan thanks for the response! I actually meant the paragraph text below the headers. Is there a way to adjust that text on that page only (and not the rest of the pages)?

0 Likes
Highlighted
Shopify Partner
2227 483 626

This is an accepted solution.

Hey @amy_pairess,

We can't apply on this page only yes but this the following will apply for pages only. so you can try I added additional code.

Hope this will work.

.template-page .index-section h3, .h3 {
    font-size: 1em !important;
    padding-top: 10px;
}

.template-page .rte-setting.text-spacing {
    font-size: 16px;
}

 

You can adjust sizes and padding as per your need.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
12 0 3

That second piece of code is perfect, thank you so much @dmwwebartisan !

0 Likes