WordPress.org

Ready to get started?Download WordPress

Forums

Modifying the CSS of the Whitehouse Theme (3 posts)

  1. amber75
    Member
    Posted 1 year ago #

    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!

  2. amber75
    Member
    Posted 1 year ago #

    P.S. I just understood that I made amistake: what I want to modify remains the same, but the script above is from the editor meneu, I now think I have to go into the corresponding templates (on the right) to make the changes...if yes, which ones do I have to modify

    - to get the sidebar to the left
    - to get rid of the backround

    thank you.....

  3. amber75
    Member
    Posted 1 year ago #

    Hello,

    I've heard from no one (but then it's August/holidays ;) )
    Let me know if my question was clear/too complicated.....so I can explain further -

    many thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic