How to erase mirrored text after centering 'Featured' text code?

[Morioo]

I copy and pasted the following code to center the "Featured" text

<h2 class="title{% if section.settings.title == blank %} title--no-heading{% endif %}" style="text-align: center;">{{ section.settings.title | escape }}</h2>

 And now I get this small text that mirrors whatever I type for the section heading. please help!

[yashgarg · Accepted solution]

Hey @Morioo ,

If you are saying that you added this code to style the heading correctly, that is a mistake. 

The styling changes are CSS changes, but what you have pasted here is a new HTML heading (h2). So you have actually added a new heading in the code.

Maybe you can tell what styling changes you want to do to your original heading, and remove this new heading, so that I can help you correctly.

Thanks

Yash Garg

[Morioo]

Oh, ok. I just wanted to shift the original "featured" text from the left to the center

[Morioo]

I figured it out, thanks for your help

[yashgarg]

Happy to help 🙂