How do I center the text (multiple columns) on my productpage?

[Muselabel]

hello,

I would like to center the text (multiple columns) on my productpage. Is there anyone who can help me with this?

[BSSCommerce-HDL · Accepted solution]

Hi @Muselabel, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.title-wrapper-with-link {
    text-align: center !important;
    display: block !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @Muselabel, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.title-wrapper-with-link {
    text-align: center !important;
    display: block !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Muselabel]

It worked thank you!

[BSS-TekLabs · Accepted solution]

Hi @Muselabel,

You can follow these steps to make the effect

1. Open Online Store > Theme > Edit Code

2. Find and open the base.css (or theme.css, custom.css) file

3. Paste the code snippet below at the bottom of the file and hit save

.multicolumn .title-wrapper-with-link {
    justify-content: center;
}

Here is the result

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!