Jump to content
rholm

Horizontal Widget Placement in Universal Sidebar in Header Area

Recommended Posts

rholm    0
rholm

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

Share this post


Link to post
Share on other sites
James B    436
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
rholm    0
rholm

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

Share this post


Link to post
Share on other sites
James B    436
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
rholm    0
rholm

Thanks!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • flourishdesignstudio
      By flourishdesignstudio
      Hello,
      I have an older site that was built using PageLines several years ago (prior to the release of DMS). I wanted to leverage some of the power of your new PL5 plugin but the theme prevents be from adding any generated custom sidebars to the theme (through the drag and drop interface) and does not allow me to add any PL5 sections/containers/etc to the header or footer. Is there any way to easily override that or am I stuck only using PL5 in the content areas of the site?
      Thanks so much for the help!
    • JP
      By JP+
      Hello,
      How can you set the translations with platform5, the parts that are not in pages or posts? Texts and images…
    • romanondrasek
      By romanondrasek
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      http://www.myfit.cz/rozvrh/
      site of one of the class (pilates)
      http://www.myfit.cz/lekce/pilates/
      site with calendar :
      http://www.myfit.cz/kalendar/
      7 side with one event from the calendar :
      http://www.myfit.cz/event/pilates-instruktor-akreditovana-licence/?ri=1
      when I have my site on DMS2 it was working :-(
       
       
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      I have been unsuccessfully trying to get my 3-column widgetized footer aligned centered. The widget section itself is aligned left because the alignment appears to be controller the widget's content only. The container that contains the widget section is aligned centered. I have chosen a 3 column layout and I added 3 widgets, assuming they would be aligned centered.
      Any idea of what I may be doing wrong?
      The page is question is: http://www.michaelkummer.com
      Thanks
      Michael
    • Barnaby Skinner
      By Barnaby Skinner+
      Hey team,
      Really simple question: where would I add code to a specific page header? I can see in the settings I can add code to the global header, but can't see how to do it for a single specific page. It's related to facebook pixel tracking
      Cheers
×