Centering text

Solved
SamHolbex
New Member
2 0 0

Hi, I'm tying to center the heading and text at the top of the page. Its not rich text its a page, if that makes any difference.

Any idea's?

Cheers Sam

 

Website.png

Accepted Solution (1)

Accepted Solutions
LitExtension
Shopify Partner
1975 329 404

This is an accepted solution.

Hi @SamHolbex,

Please follow these steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Assets > component-collection-hero.css and paste this at the bottom of the file:

.collection-hero__text-wrapper{
text-align: center;
}
@media screen and (min-width: 750px){
.collection-hero__description {
max-width: 100% !important;
}
}

Hope this helps.

If my answer can help you solve your issue. Please mark it as a solution, thank you and good luck.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Replies 3 (3)
oscprofessional
Shopify Partner
9198 1562 1928

Hello @SamHolbex ,
Welcome to the Shopify community!
Share your store url with password.

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
dmwwebartisan
Shopify Partner
9824 2234 3071

@SamHolbex 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
LitExtension
Shopify Partner
1975 329 404

This is an accepted solution.

Hi @SamHolbex,

Please follow these steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Assets > component-collection-hero.css and paste this at the bottom of the file:

.collection-hero__text-wrapper{
text-align: center;
}
@media screen and (min-width: 750px){
.collection-hero__description {
max-width: 100% !important;
}
}

Hope this helps.

If my answer can help you solve your issue. Please mark it as a solution, thank you and good luck.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post