Jump to content

Repositioning Description text of Products and put it under Gallery and Product info (Custom CSS Solution?)

Go to solution Solved by tuanphan,

Recommended Posts

Hi there,

I was wondering if I could get help with an Custom-CSS-like solution for repositioning and changing how the description text on a product page is displayed?

I would like the look that the Additional Info gives like on this page (under Gallery and Product Info, in its own full column):

https://www.skipthesmalltalk.com/unlisted-store-page-for-testing/skipthesmalltalk-pilot-example2-pd4l8 (Additional Info picture)


Instead of like how it normally displays as a Description like on this page (description confined to be stuck on the left column):

https://www.skipthesmalltalk.com/unlisted-store-page-for-testing/skipthesmalltalk-pilot-example2 (Description picture)2132603152_ScreenShot2022-11-14at9_18_15PM.thumb.png.33dc98b0d22a85ce7cf0f8d5e13550df.png

I am uploading my product automatically using the Squarespace API. So an alternative solution would be if was possible to update the Additional Info section with the Squarespace API, but I haven't found anywhere that describes how to do that or if that is even supported. Manually moving the descriptions to the Additional Info section is not a viable solution.

Thanks so much for being such an awesome and helpful community!

Link to comment
  • Solution

Add this code to Last Line in Code Injection > Footer

$(document).ready(function() { 
  .ProductItem-details-excerpt {
    max-width: 750px;
    margin: 0 auto;
    margin-top: 40px;


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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.