Solved

How can I change and center text on my webpage?

Marco211
Explorer
84 0 19

Hi everyone, do you know how to make this writing smaller and in the center of the page (both on desktop and smartphone)? A thousand thanks

 

https://refade-8966.myshopify.com/products/prodotto-4

password: refade

Screenshot 2023-11-15 134936.png

Accepted Solutions (2)

topnewyork
Trailblazer
253 26 36

This is an accepted solution.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find base.css file

 

 

h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 36px !important;
    text-align: center !important;
}

 

topnewyork_0-1700060027889.png

 

topnewyork_2-1700060080121.png

 

topnewyork_3-1700060118438.png

and paste this code on bottom

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

View solution in original post

Dan-From-Ryviu
Shopify Partner
7558 1461 1457

This is an accepted solution.

Go to your Online store > Themes > Edit code > open base.css file, add this code at the bottom and save the file

.collection__title h2.title { text-align: center; font-size: 34px !important; }

Screenshot_4.jpg

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 2 (2)

topnewyork
Trailblazer
253 26 36

This is an accepted solution.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find base.css file

 

 

h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 36px !important;
    text-align: center !important;
}

 

topnewyork_0-1700060027889.png

 

topnewyork_2-1700060080121.png

 

topnewyork_3-1700060118438.png

and paste this code on bottom

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

Dan-From-Ryviu
Shopify Partner
7558 1461 1457

This is an accepted solution.

Go to your Online store > Themes > Edit code > open base.css file, add this code at the bottom and save the file

.collection__title h2.title { text-align: center; font-size: 34px !important; }

Screenshot_4.jpg

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now