text alignment is also on my other page

[Tranquilo]

Hi everyone,

I asked a question yesterday about aligning the text for my "Collection Autumn" section to the left on my homepage.

I received a solid answer:

<style> .section-title--wrapper { align-items: flex-start !important; } .section-title--wrapper .section-description { max-width: 100% !important; margin-left: 0 !important; } </style>

However, when I go to my contact page, the titles and subtitles there are also aligned to the left.

How can I fix this issue and keep the left alignment only on my homepage?

tranquilo.store

Thanks!

[Moeed · Accepted solution]

Hey @Tranquilo 

Replace your code with the code below and then it should be good.

{% if template == 'index' %}
<style> .section-title--wrapper { align-items: flex-start !important; } .section-title--wrapper .section-description { max-width: 100% !important; margin-left: 0 !important; } </style>
{% endif %}

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

Best Regards,
Moeed

[Tranquilo]

Thanks king! 🙂

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[GTLOfficial]

Hello @Tranquilo 

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> theme.min.css
add this code at the end of the file.

.section-title--wrapper {
align-items: center !important;
}

.section-title--wrapper .section-description {
max-width: 100% !important;
margin-left: auto;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks