I'm trying to make two "Image with text" sections wherein the text formatting is different.
However, to do so I need to find:
<div id="shopify-section-1568732432263" class="shopify-section index-section"><div class="page-width feature-row">
I've checked every liquid and css file and cannot find any sections with that ID. Are they stored somewhere else?
I'm using the Minimal theme.
Thanks in advance
Solved! Go to the solution
That's what I thought, I guess it is indeed generated then.
I have the "image with text" section twice on my landing page, but I need to make the text in one of them larger and a different colour.
I can edit the div by class names - I already tried that, but that changes both of the sections. Is it even possible to change this without altering the code a lot?
Like Evita mentioned the id of the div is dynamically created.
If you're handy with code you could duplicate the file in the sections folder of your theme. Then change up the names so you can identify them in your admin and add a specific class to the div in the new file. So essentially you'd end up with Image with text - large styles and Image with text - small styles.
It changes both sections because the class names are the same in the div. If you can then add different class names to both of your sections, for example, section-1 and section-2 and then add the CSS code.
<div class="section-1">Font size 20 and color white</div>
<div class="section-2">Font size 12 and color black</div>
Or maybe the code already has one different class name than the other.
|an hour ago|