Center text alignment on featured collection heading

Store Design
1

Been looking around the forum for a solution, but couldn’t find one for this specific case; basically, I am just trying to center align the heading on my featured collections, and I can’t find the correct .css file in the code of the site to add this center text alignment

The site link: https://colorbaggage.com/pages/paint-products

2

Hi, @iamdustinnguyen

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> styles.css ->paste the below code at the bottom of the file.
.section-heading h2{
margin: auto;
}
3

do you know if there is another way to do this because right now since I have the view all button the text isn’t actually in the center or is the only way just to turn off the view all button

4

plz replace the previous code with this new one

.section-heading h2 {
    padding-right: 0;
    margin: auto;
    padding-left: 55px;
}

note: you can increase the value 55 to move the text to Right

or decrease it to move the text Left

plz only change numeric value(55) px after it should remain there.

5

Hi [email removed]Iamdustinnguyen

This is PageFly - Free Landing Page Builder. I would love to provide my advice for your store based on 6 years of providing solutions for about 100.000+ active Shopify merchants.

You can go to Online store => themes => Edit code and paste this code before element of the theme.liquid file.

.product-slider .h2 a{margin:auto} .product-slider .h2 {padding-right:0 !important}

I hope my above information can help you

Kind regards

PageFly

6

This solution messed up all the other headings on my website is there a way to use this center formatting for just the collection pages

7

this didnt do anything

8

Which code did you try?