Valourant

Hi

I managed to extend the margins of every page by editing this code.

.page-content {
margin: 0px auto;
max-width: 800px;
}

I like the new content width and want to keep it for EVERY page on my website except one, the main page. This changed the content width of my main page. For the post on my main page I added a feature image which was basically a grey tiny dot, because I like the effect that Feature image gives, where it adds those grey diagonal lines on both sides of my post. Since editing content width for the entire website, the grey diagonal lines on the left side of my post on the home page have been cut off or disappeared. The lines only appear on the right side of the post now. How might I return content width to normal for the Home page only? I understand the index page of the website has no page ID. I think the only way to do this is to find the ID of the post? So my post ID if I did it correctly is post-1 am I right? I tried doing the code.

.page-id-post-1 #content { max-width: 478px; }

But it did not work at all. Also if there is a solution to this problem, I’d prefer not to have to edit every single post I make that goes on the home page. Can the solution be for the whole index page or for every post? Thank you.