How To Center Collection Title In Shopify

How To Center Collection Title In Shopify

Creating a visually appealing and professional-looking online store is crucial for any e-commerce business. The design and layout of your website can greatly impact the overall user experience and ultimately, the success of your business. One important aspect of website design is the placement and alignment of elements, such as collection titles. In this article, we will discuss how to center collection titles in Shopify, a popular e-commerce platform for creating and managing online stores. By following these simple steps, you can ensure that your collection titles are perfectly centered, creating a clean and polished look for your online store.

So, let's dive in and learn how to center collection titles in Shopify.

Step 1:

After logging in to your Shopify Admin, click and open the "Online Store" tab from the left dashboard. Then select the "Themes" option just below.

Step 2:

Next find your current theme at the top and click Customize.

Step 3:

Now find the collection that contains the title you want to center on the page, then select it. Next scroll to the bottom of the section settings and click the Custom CSS tab.

Step 4:

Then type or Copy & Paste (Ctrl+C) the line of code below in the Custom CSS settings of your section.

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

Step 5:

Your collections title should now be centered on the page. When you are happy with the results select Save.

Step 6:

Finally, Preview your Shopify Store, and confirm the changes. You have now successfully centered a collection title in your store!

Additional Steps:

Need help designing your Shopify store? Take advantage of our Shopify Small Tasks to quickly improve your store.

View Portfolio

Leave a comment

Please note, comments need to be approved before they are published.