Jump to content

increase the side padding/margin on all store product details pages only

Go to solution Solved by Web_Solutions,

Recommended Posts

3 hours ago, WildSpace said:

Hi @tuanphan@paul2009 & other amazing contributors, 

I’d like to increase the side padding/margin on all store product details pages only. If anyone has some code to do this I'd really appreciate it? 

Password: takealook

Cheers, 

WildSpace

What is the website link?

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment

Hey @Web_Solutions

Sorry, I thought it came up automatically. The web link is: 

https://frog-kazoo-57nh.squarespace.com/config/

There is two seperate storefronts as apart of the website but I would like the increased margin/padding to apply to both sets of product detail pages. Hope that makes sense. 

Thanks so much for taking a look!

Edited by WildSpace
Link to comment
46 minutes ago, WildSpace said:

Hey @Web_Solutions

Sorry, I thought it came up automatically. The web link is: 

https://frog-kazoo-57nh.squarespace.com/config/

There is two seperate storefronts as apart of the website but I would like the increased margin/padding to apply to both sets of product detail pages. Hope that makes sense. 

Thanks so much for taking a look!

You didn't set the password. Please follow the instruction

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords#toc-set-a-site-wide-password

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
8 hours ago, WildSpace said:

Thanks @Web_Solutions

My site does have a password...

Screen Shot 2023-11-23 at 10.04.20 am.png

Where do you want to increase the padding? Can you send a screenshot?

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment

@Web_Solutions

I’d like to increase the side padding/margin on all store product details pages only. There is two stores on the site. I've managed to find the CSS to increase the side padding for the store front pages, but just need something for the inner pages now. 

 

Thanks for looking at this. 

Screen Shot 2023-11-27 at 7.31.00 am.png

Screen Shot 2023-11-27 at 7.31.13 am.png

Edited by WildSpace
Link to comment
  • Solution
4 hours ago, WildSpace said:

@Web_Solutions

I’d like to increase the side padding/margin on all store product details pages only. There is two stores on the site. I've managed to find the CSS to increase the side padding for the store front pages, but just need something for the inner pages now. 

 

Thanks for looking at this. 

Screen Shot 2023-11-27 at 7.31.00 am.png

Screen Shot 2023-11-27 at 7.31.13 am.png

Here is the code.

.view-item .products.collection-content-wrapper {
    padding-left: 12vw !important;
    padding-right: 12vw !important;
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.