Portfolio Page Padding (Renew)

[Goertzen]

Searched the forums and tried a few different options, but nothing seemed to work. Looking to add padding above and below main porfolio content on portfolio page. I used the following code for the blog page, which worked, so something similar to this.

.blog .site > .x-container.max.width.offset, .archive .site > .x-container.max.width.offset, .single-post .site > .x-container.max.width.offset {
margin-top: 5%;
margin-bottom: 5%;

}

[Prasant]

Hello Trenton,

Thanks for asking.

Please add following CSS under Pro > Theme Options > CSS:

.page-template-template-layout-portfolio .x-main {
    margin-top: 20px;
    margin-bottom: 20px;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[Goertzen]

Thank so much for this and for the links, definitely going to be looking at these over the holidays and learning up!

Cheers,
Trenton

[ruenel]

You are most welcome Trenton.
Happy Holidays!!!