Results 1 to 4 of 4

Thread: Edit Sidebar in Header

  1. #1
    Thread Starter
    Member stephenodonn's Avatar
    Join Date
    Mar 2012
    Posts
    63
    Thanks
    4
    Thanked 8 Times in 7 Posts

    Edit Sidebar in Header

    The inclusion of a "sidebar in the Header is very useful. However, as with all sidebars, it is set to display Widgets in a vertical column.

    Would it be possible to edit the style.css, to display the header Sidebar horizontally?

    An example would be my homepage, to which I have added social media icons. This leaves a large white space, which I would like to use for another widget.


    Code:
    /* =========== [ 13. SIDEBAR ] =========== */
    
    #sidebar {
    	width:260px;
    	margin:15px -305px 22px 22px;
    	float:left;
    	position:relative;
    }
    
    
    #sidebar aside {
    	margin:0 0 15px 0;
    	position:relative;
    	clear:left;
    }
    
    
    #sidebar p {
    	margin: 10px 5px 0 5px;
    	line-height:18px;
    }
    
    
    #sidebar ul {
    	overflow:hidden;
    }
    
    
    #sidebar li {
    	margin:0 5px;
    	padding: 7px 5px 7px 12px;
    	border-bottom: 1px solid #DFDFDF;
    }
    
    
    #sidebar .section-head {
    	width:293px;
    	height: 35px;
    	margin: 10px 0;
    	position: relative;
    	display: inline-block;
    	-webkit-border-top-left-radius: 4px;
    	-webkit-border-bottom-left-radius: 4px;
    	-moz-border-radius-toprleft: 4px;
    	-moz-border-radius-bottomleft: 4px;
    	border-top-left-radius: 4px;
    	border-bottom-left-radius: 4px;
    	-moz-box-shadow: 1px 1px 1px #DDD;
    	-webkit-box-shadow: 1px 1px 1px #DDD;
    	box-shadow: 1px 1px 1px #DDD;
    }
    
    
    #sidebar .section-head h3 {
    	width:244px;
    	margin:0;
    	padding: 7px 25px 17px 25px;
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 18px;
    	font-weight:normal;
    	background: url('images/right-hanger-triangle.png') no-repeat bottom right;
    }

  2. #2
    Veteran bluecafe's Avatar
    Join Date
    Apr 2010
    Location
    Berlin
    Posts
    1,563
    Thanks
    58
    Thanked 359 Times in 273 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!

  3. #3
    Thread Starter
    Member stephenodonn's Avatar
    Join Date
    Mar 2012
    Posts
    63
    Thanks
    4
    Thanked 8 Times in 7 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!

  4. #4
    Veteran bluecafe's Avatar
    Join Date
    Apr 2010
    Location
    Berlin
    Posts
    1,563
    Thanks
    58
    Thanked 359 Times in 273 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. How do you edit Header background and remove padding in header?
    By 40nowenterprise in forum ClassiPress General Discussion
    Replies: 5
    Last Post: August 20th, 2014, 11:59 PM
  2. Header and Sidebar ads appear in New Window
    By pankaj in forum Report ClassiPress Bugs
    Replies: 8
    Last Post: September 28th, 2011, 03:22 PM
  3. Restore Header Nav and Right Sidebar?
    By ksmcnerney in forum Report JobRoller Bugs
    Replies: 2
    Last Post: September 21st, 2011, 07:15 AM
  4. How to edit Ad Sidebar
    By tigress4 in forum ClassiPress General Discussion
    Replies: 10
    Last Post: July 26th, 2011, 10:29 PM