Text alignment for specific Image with Text Overlay section in Liquid

Store Design
1

Hi there,

I’d like to edit the text alignment for one specific hero - Image with Text Overlay section.
When I edit the code in that one section, it changes all the hero sections throughout the page.
What do I need to isolate the changes to that specific section or is there a way for me to include a option of text alignment in the section settings.

Here’s the page that I’m working on.

https://www.wizco.io/pages/8200-young-forum

Thanks,

Daniela

2

@DaniMarano

sorry for that issue can you please share issue images?

3

Hi @KetanKumar ,

Thanks for your willingness to assist with my problem.

The first image is perfect - text is left aligned and the main image is on the right.

DaniMarano_0-1629444766526.png
DaniMarano_0-1629444766526.png1920×1080 180 KB

The second image is where I have an issue - the image is on the left and the text alignment too.

DaniMarano_1-1629444783405.png
DaniMarano_1-1629444783405.png1920×1080 174 KB

When I try to edit the section code for the second section, the changes all the hero sections.

4

hello @DaniMarano

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 729px){
#shopify-section-8200-Applicant-Join-hero3 .hero__inner .h1.mega-title{
        width: 50%;
        float: right;
}
}
5

Hi @Kinjaldavra !

Thank you so much for helping me!

Your fix worked perfectly.

Have a lovely weekend!

Daniela