Jump to content

Help with adding content padding on Blog Post page?

Recommended Posts

Site URL: https://www.ortner-china.com/

Dear All

I'd like to add spacing/padding on the page of each blog post, without changing the padding of the entire website. Hence I'm not sure where and what code to add in order to get this working?

Here is an example blogpost where I'd like the text to be centered and have sufficient padding on either side. Please note that the padding is only needed on the actual page with the post on it, and not the overview.

https://www.ortner-china.com/blog/a-first-quick-glance-at-the-eu-china-comprehensive-agreement-on-investment-cai

 Thank you all very much!

Link to comment
  • Replies 11
  • Views 812
  • Created
  • Last Reply
34 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS


/* blog posts padding */
body.view-item.collection-type-blog #content {
    padding-left: 10vw;
    padding-right: 10vw;
}

 

THANK YOU for your reply!
Just very quickly, how do I make it so the padding doesn't apply for mobile viewers?

Link to comment
1 minute ago, tuanphan said:

@media screen and (min-width:641px) {
/* blog posts padding */
body.view-item.collection-type-blog #content {
    padding-left: 10vw;
    padding-right: 10vw;
}
}

 

Wonderful, thank you very much!

Link to comment
  • 2 weeks later...
On 1/7/2021 at 11:22 AM, tuanphan said:

@media screen and (min-width:641px) {
/* blog posts padding */
body.view-item.collection-type-blog #content {
    padding-left: 10vw;
    padding-right: 10vw;
}
}

 

Hi tuanphan, could you please tell me how to adjust the size of the image stacks on this page https://www.ortner-china.com/features so the images are all the same size? ATM I had to manually crop images, but this is a lot of work.Thank you

Link to comment
On 1/21/2021 at 12:55 PM, P_O said:

UP
Could anyone please tell me how to adjust the size of the image stacks on this page https://www.ortner-china.com/features so the images are all the same size? ATM I had to manually crop images, but this is a lot of work.

Thank you!

Hi. Which images? On desktop or mobile?

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
1 minute ago, tuanphan said:

Hi. Which images? On desktop or mobile?

Thank you for your reply!
Ideally I'd like all images/stack images to be the same size, so it doesn't look quite as messy. Both on desktop and mobile if possible. Thank you!

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.