Phil
(@owendevelopment)
You’ll need to alter some CSS (found in Admin –> Appearance –> style.css):
Look in this file and look for the two id’s below, then paste the following to replace them (make backup first):
body div#wrapper {
width: 693px;
margin: auto;
}
body div#content {
margin: 3em 0 0;
}
Remove the minimum / maximum set widths and just include the above. Measurements taken from the Veryplaintxt demo.
Thread Starter
LGP
(@lgp)
What am I removing exactly? I tried but I couldn’t work out what to replace and where. Screenshots or detailed explanation please? 🙂
Phil
(@owendevelopment)
Just copy and paste the above into where these 2 entries are. (Everything in the body div#wrapper and body div#content should be as above with nothing else).
So for these two entries, they should look exactly as above. Let me know how you get on.
Thread Starter
LGP
(@lgp)
Nothing is changing. Like, at all. Nothing changes.
I’ve put the stylesheet here: http://pastebin.com/fP5dHGwP
Just scroll down for the raw file.
Could you edit it correctly for me and upload it and give me a link?
Phil
(@owendevelopment)
Can you paste a link to your site please?
Thread Starter
LGP
(@lgp)
http://www.sociallyunconventional.com/
I put the sidebar code back in for now.
Y’see what I mean about it all being off to the right?
Phil
(@owendevelopment)
I see. The CSS for the bit off to the right isn’t in the CSS stylesheet, it looks like it’s in the header:
<style type="text/css" media="all">
/*<![CDATA[*/
/* CSS inserted by theme options */
body{font-family:'times new roman',times,serif;font-size:90%;}
body div#container { float: right; margin: 0 0 2em -200px; }
body div#content { margin: 3em 0 0 200px; }
body div.sidebar { float: left; }
body div#content div.hentry{text-align:left;}
body div#content h2,div#content h3,div#content h4,div#content h5,div#content h6{font-family:arial,helvetica,sans-serif;}
body div#wrapper{max-width:55em;min-width:35em;width:80%;}
body div.sidebar{text-align:center;}
/*]]>*/
</style>
I’ve seperated the line above to show you where the issue is. As you can see, there is a margin on the left of 200px being added. To fix the problem, paste this in instead of it:
body div#content { margin: 3em 0 0 0; }
If you’re not able to do this, email me at philowen@psmdigital.com with an ‘admin’ login and I’ll do it for you.
Phil
