Jump to content

Applying CSS code ONLY on product description pages

Recommended Posts

Site URL: https://travelwithamnet.com/tours-packages/p/lux-1

Hi Squarespace Forum Community!

I am trying to add some custom CSS codes to 
text blocks, ONLY on product description page.

!!! Things I should probably mention!!!

  • to enable tabs within the page, I am using a code block to pull the contents from blog page. Each blog post is reflected as a tab on the product description page.
  • within the each tab, I am again pulling the contents from another blog page using summary blocks.

I see many posts about targeting by section #, however, the issue with that is that I will have to keep adding the ID as I add more pages. 

I would like to simply target the PDP somehow as I mostly pull the contents through blog posts using summary blocks and gallery blocks. I though of targeting by specifying H4/H3 but then it would affect other blocks and sections, so I would like to avoid that route.

https://travelwithamnet.com/tours-packages/p/lux-1

This is the page I am working on right now. 
I am planning to use the same layout for upcoming tours and packages. 

Also, I am super open to any suggestions on how I can improve my website! Your ideas are welcome and much appreciated as I am not much of an aesthetic focus or graphic design minded person. 

Thank you so much for all of your help in advance! 

Link to comment
  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.