How can I center align collection titles on Refresh theme?

Store Design
1

I’d like to align center the collection titles on Refresh theme, can someone assist?

2

Hi @mim768

Would you mind to share your Store URL website? with password if its protected. Thanks!

3
4

Thank for the info, try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#shopify-section-template--17106638274724__banner h1.collection-hero__title {
    text-align: center !important;
}
5

Hi @mim768

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag

.collection-hero__title{
    text-align:center;
}

RESULT:

topnewyork_0-1696862534207.png
topnewyork_0-1696862534207.png1349×306 31.6 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solutions.

6

Perfect, thank you!