Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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!

Edited by P_O
Link to comment
  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

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.

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
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

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...