HOW TO CENTER THE PRODUCT TITLE BOTH DESKTOP AND MOBILE VIEW

[josoneryx1890]

Please help me center the title guys
Here's the link: https://72d12c-be.myshopify.com/

[Moeed · Accepted solution]

Hey @josoneryx1890 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.card__heading {
    text-align: -webkit-center !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Rahul_dhiman · Accepted solution]

Hello @josoneryx1890 

Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the bottom of the file.

.full-unstyled-link {
text-align: center;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[Moeed · Accepted solution]

Hey @josoneryx1890 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.card__heading {
    text-align: -webkit-center !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Rahul_dhiman · Accepted solution]

Hello @josoneryx1890 

Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the bottom of the file.

.full-unstyled-link {
text-align: center;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[Made4uo-Ribe · Accepted solution]

Hi @josoneryx1890 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.card__heading {
    text-align: center !important;
}

• And Save. 
• Result:
•