how to place this inscription in the middle

how to place this inscription in the middle

Alex31
Excursionist
21 0 7

 Hello. how to place this inscription in the middle?

IMG_9064.jpeg

Reply 1 (1)

akshay_bhatt
Shopify Partner
173 14 26

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

- Need a Shopify Specialist?
- Custom Design | Advanced Coding | Store Modifications
Email us