Hi!
I’m using the symmetry theme and wonder if i can place the text center below the images when I use the “custom content” section. As of now, they appear on the image. I tried to use a second section of “custom content” underneath with text and that works on desktop, but on mobile, they appear underneath the first collection.
Is there any quick code i can add for this?
Have attached a photo.
Kind regards
Oskar
Hi @liemalmo ,
You can add the below code at the bottom of the theme.liquid file just before the closing body tag ().
After you have successfully added the code then your section would become something as shown as shown in image below.
NOTE: since the css I have added may be impact other elements to the website as well, so I recommend that you first add some custom class to the div containing the overlay text and then add the same css code for that new custom class.
After you have added the class then the code would be something as the code below where you just need to change “your_custom_class” with the class you added.
Thanks & Regards
KaalTechGeeks
Hi! Thanks for your suggestion. I’ve tried it and it works with placing the text below. But another problem appears with the color heading/text of the section as my background.
is it possible with some code to work for that section and change color? I have the option to place text under on mobile version so that’s not a problem. Just with desktop version.
