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


This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1 rholm†

rholm

    Advanced Member

  • DMS Subscriber†
  • 64 posts

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

  • DMS Subscriber†
  • 5126 posts

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

  • DMS Subscriber†
  • 64 posts

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

  • DMS Subscriber†
  • 5126 posts

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

  • DMS Subscriber†
  • 64 posts

Posted 03 April 2013 - 01:18 PM

Thanks!