Hello, I am trying to create an effect for the headings on each page of my site so that it looks like there is an arrow going through them. My site was previously on Wix, and I achieved this by putting two images on either side of the page heading: the arrow tail on the left, and the arrow tail on the right -- in Wix, all I had to do was drag and drop. I have experience with HTML/CSS but not Liquid. If someone could help me do this or at least point me in the right direction of where to find the appropriate file/location to edit, I would really appreciate it. I've attached two screenshots: the first is what the site in Shopify looks like now, and the second is what the heading looked like in Wix, which is how I want it to look now. I'm using the Debut theme, by the way. Thanks!
Welcome to the Shopify community!
and Thanks for your question.
yes, please use custom content section you have used multi block
Thank you. With custom content, I was not able to align the elements, only have them on top of each other. However, I ended up achieving the effect manually in the HTML for each page.
I have another request, though, and I wonder if it's similar. On my old site, I had image frames going around my bodies of text. How can I achieve this in Shopify? I am attaching a screenshot of what I would like to replicate. I would like to make it responsive to the screen so that it shrinks when the screen is resized, but I at least need to start with inserting the image around the text itself. Let me know if there are any solutions. Thanks