Jump to content

Image and text alignment on ALL product pages

Recommended Posts

Site URL: https://www.at17c.com/shop/p/coming-soon-4pp8e

I have a hard time positioning a text block and image block relative to each other on my product page. 
I have multiple product pages that feature the same image and text (under additional information) so I would like this change to be the same for all upcoming product pages. First and foremost I would like the image to be on top of the text box in mobile view (I know how to do this using it's BLOCK ID, but that ID changes for every new product page, so that doesn't work). Then when I add more info to this block (marked with blue line) the position of the image and text in additional info changes, so I think they need to be relative to the blue line?
How do I do this, and how do I use a code that does it for all future product pages and not just one specific page using Block ID?

Screen Shot 2022-08-29 at 18.17.41.png

Link to comment
  • Replies 3
  • Views 237
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

15 hours ago, tuanphan said:


All products will use same image, same text or different?

If same, let me know, we can use some simple approach to achieve this.

Sweet! Every product will use the same image and text under additional information. 

Link to comment
On 8/31/2022 at 1:51 PM, at17c said:

Sweet! Every product will use the same image and text under additional information. 

Sorry for delay. If same, you can add a section in Footer, design layout, then we will give the code to cut it & paste to additional info.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.