Jump to content


Photo
- - - - -

Horizontal Widget Placement in Universal Sidebar in Header Area

universal sidebar header widgets

Best Answer James B , 03 April 2013 - 12:12 AM

Hi there,

 

Yes you can do this using css, to the widgets inside that sidebar you'll need to apply float:left and a width. Like

 

 

 
.section-sb_universal .widget {
    float: left;
    overflow: visible;
    width: 33%;
}
 

That will give you something like this - http://screencast.com/t/uGr9aKTRLIA

Go to the full post


  • Please log in to reply
4 replies to this topic

#1 rholm

rholm

    Advanced Member

  • Members

  • 64 posts
  • LocationSan Juan, PR

Posted 02 April 2013 - 11:51 PM

I've used the universal sidebar in other sites with a single image or text widget without problem.

On a new site - www.usvihotelreservations.com I'm trying to use three images - each with their own navigation in the universal sidebar.

However, they stack vertically - when I want them to stack horizontally.

I've tried putting all three in one widget and now split them into three text widgets with html and no difference other than now they stack on top of each other.

I've tried using Firefox/firebug to change the CSS and nothing I try helps.

Am I missing something in the CSS or is this not possible with this sidebar?

I thought I'd ask the experts before I go completely crazy trying different css combinations.

Thanks!

Rick



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 03 April 2013 - 12:12 AM   Best Answer

Hi there,

 

Yes you can do this using css, to the widgets inside that sidebar you'll need to apply float:left and a width. Like

 

 

Please Login or Register to see this Hidden Content

That will give you something like this -

Please Login or Register to see this Hidden Content



#3 rholm

rholm

    Advanced Member

  • Members

  • 64 posts
  • LocationSan Juan, PR

Posted 03 April 2013 - 02:52 AM

Thanks - this worked fine.. I was missing the section...

Now I have a big space between the text highlight and the universal sidebar that says that it is content pad in firebug...

Will try to debug that tomorrow unless you have any insight....

Thanks!

Rick



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 03 April 2013 - 03:25 AM

Yeah its the content-pad, as you've moved the widgets out of the sidebar into another position using css, that space is the content-pad inside the universal sidebar container which is still in the original position. If you set the padding in there to zero it will close up the gap.



#5 rholm

rholm

    Advanced Member

  • Members

  • 64 posts
  • LocationSan Juan, PR

Posted 03 April 2013 - 01:18 PM

Thanks!







Also tagged with one or more of these keywords: universal sidebar, header, widgets