Hide Widgets / Post Width

Hiding Widgets / Making Main Post Wider:
Provided by Eilanda (7188758)

All I did to hide the widgets and make the main coloumn wider, is to make it look like it’s a one coloumn page.

Normally you would define the column where you write the posts with a selector like .entry-content or something, but since we now want this to apply to the whole main column part on the post pages only, we have to use a selector like .single-post #content.

What I’ve done to the widgets isn’t much different, I added a display property and a none value to remove them, in a .single-post .sidebar .xoxo selector.

Code for making the main coloumn(the post coloumn) wider:

.single-post #content {
width:968px;
overflow:hidden;
margin:0;
}

Code for hiding the widgets(only for the post page, all other pages remain untouched):

.single-post .sidebar .xoxo {
display:none;
}

Hope I’ve explained it properly, don’t hesitate to ask for a clarification :)

About the Author

Born in England, reborn in Poland, living the dream on Hattrick. I am the creator of 'The Golden League', which if you don't yet know what it is... you aren't getting the best out of HT ;) I am also a board member of the HTU Managers Federation, which I heartily recommend to all HT users as an established, supportive and amazing community with huge resources to help you make a brilliant blog for your team, and to help your teams succeed. Hope to see you there.