Modifying the CSS of the Whitehouse Theme
-
Hello,
I finally managed to install wordpress and then whitehouse –
Several modifications have to be made and I have never seen a CSS script before -for starters I’d like to move the sidebar to the left, I suppose I just switch left to right (and vice versa) in the section below at:
– border-left: becomes border-right
– .sidebar_left: becomes sidebar right…and so on[ Moderator note: Code edited with backticks, when sharing code examples, please wrap the code in backticks or use the code button. ]
#sidebar { background: #eee; width: 318px; float: left; border-left: 1px solid #c1c1c1; } .sidebar_left #sidebar{border-left:0px;border-right:1px solid #c1c1c1; width:318px;} .sidebar_left #widgets{border-left: 1px solid #fff; border-right:1px solid #eaeaea;} .sidebar_left #maincontent {float: right; border-left: 1px solid #c1c1c1;margin-left: -1px;} .sidebar_left #sidebar {float: left;} .sidebar_left #contentcontainer {background:url("images/faux-column.png") repeat-y scroll right top #EEEEEE;} #widgets{ border-top: 1px solid #aaa; border-right: 1px solid #fff; border-left: 1px solid #eaeaea; } #wrapper { position:relative; } #nav { position:relative; z-index:4; /* ie drop-down fix */ } #maincontent { float: left; width: 639px; background: #fff; border-right: 1px solid #c1c1c1; margin-right: -1px; } /* @ FULL WIDTH */ #maincontent.fullwidth {width: 100%;border-right: none;}
Can you confirm?
Then later, I want to take the backround away (the sort of case structure), so that I only have the center column and the left sidebat without any structure …can you help me with that?Many thanks in advance!
- The topic ‘Modifying the CSS of the Whitehouse Theme’ is closed to new replies.