How to centre the the Title and text on the collection page? Dawn. 5.0.0

Store Design
1

Hi everyone,

I’m trying to centre the title and subtitle on the collection page. See screenshot. Could someone help me here?

Screenshot 2022-06-10 at 10.33.49.png
Screenshot 2022-06-10 at 10.33.49.png1440×638 362 KB

Website URL: https://www.bundles-online.com/collections/curated-bundles

Thanks so much

Milo

1 Like
2

@bundle_bee ,

.collection-hero__description.rte {
    text-align: center;
    margin: 0 auto;
}
h1.collection-hero__title {
    text-align: center;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

2 Likes
3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
h1.collection-hero__title {
text-align: center;
}
@media screen and (min-width: 750px){
.collection-hero__description {
max-width: inherit!important;
}
}

Screenshot :- https://prnt.sc/UTpKHHTBaKJg