Help with adding content padding on Blog Post page?

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!

UP. Thanks!

Add to Home > Design > Custom CSS

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

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?

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

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!

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

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!

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!

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?

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!

UP, thank you!