Align page content

Align page content

sunday_april
Tourist
6 0 0

Hi there, 

I need help aligning my pages (About Us, Shipping Policy, Returns etc) to be left-aligned. Right now they are all center aligned. 

Appreciate your help! 

Website: wooffantasy.com

Screenshot 2024-12-12 at 1.58.26 pm.png

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
10792 2133 2250

Hi @sunday_april 

Please try to add this code to Custom CSS in Online Store > Themes > Customize > Theme setting and check 

#shopify-section-template--15811683549302__main .rte { text-align: left !important; }

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

topnewyork
Astronaut
1047 142 181

Hello,

1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom


 

 

 

main#MainContent.page-width.page-width--narrow.section-template--15811683549302__main-padding.rte.scroll-trigger.animate--slide-in{
	text-align: left !important;	
}

 

 

 

 Thanks! 

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

steve_michael2
Trailblazer
441 38 55

Hi @sunday_april ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

 

 

#MainContent h1, #MainContent h2, #MainContent h3, #MainContent h4, #MainContent h5, #MainContent h6, #MainContent li, #MainContent div, #MainContent p {
    text-align: left;
}

 

 


If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

 

DaisyVo
Shopify Partner
2819 338 392

Hi @sunday_april 

 

n order to fulfill your request, please follow these stepsStep 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>

 

{% if template.name == 'page' %}
.page-width * {
    text-align: left !important;
}
{% endif %}

 

Here is the result: https://prnt.sc/tIwJonJk2H3H

 

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution