Shopify themes, liquid, logos, and UX
hey @Alex31 ,
if you want to do this you need to change the HTML and CSS of the code.
Locate the HTML element that contains the text "MERCER WATCH" in your Shopify theme files. It's likely wrapped in an <h1> or <h2>tag. It should look something like this, it should look like the html attached below.
<h1 class="collection-title">MERCER WATCH</h1>
now time to change the CSS
To center the text horizontally on the page, you can use the following CSS. Add this to your theme’s CSS file (often found in themes.css or style.css) or within the section where the heading is located.
.collection-title {
text-align: center; /* Centers the text */
margin: 0 auto; /* Ensures proper horizontal centering */
}
if it will not work then add more css which is attached below.
.collection-title-container {
display: flex;
justify-content: center;
align-items: center;
}
Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.
regards
Akshay Bhatt
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025