Docs

[henrybag]

Hi

I’m wanting to restrict the width of the portfolio page on the icon stack.

I’ve managed to do it with the blog with the following code

.blog .x-main.full {
width: 72%;
max-width: 1200px;
margin: 0 auto;
}

The URL in question is http://davidwatkinsonsculpture.co.uk.gridhosted.co.uk/portfolio/

Thanks
Henry

[Christian]

Hey there,

Please try change .blog to .page-template-template-layout-portfolio

Thanks.

[henrybag]

Hi

Thanks that works to a point, but it effects the nav area as well.

This is the CSS I added

.blog .x-main.full, .page-template-template-layout-portfolio {
width: 72%;
max-width: 1200px;
margin: 0 auto;
}

[henrybag]

Sorry worked it out – I just needed to add the x-main full to target that area.

.blog .x-main.full, .page-template-template-layout-portfolio .x-main.full {
width: 72%;
max-width: 1200px;
margin: 0 auto;
}

Thanks

Henry

[Rahul]

Glad it worked for you.

Let us know if you still have any issues with the theme.

Thanks for using the X theme.

[Author]

Posts