WordPress.org

1. wereallyloveyou
   Member
   Posted 2 weeks ago #

   Hey, I have a testing page for our upcoming site (domain + /test) and have a question about creating horizontal sidebars.

   I have widgets at the bottom, under the index content, which was inserted as a sidebar on first line of footer.php. It loads the widgets vertically, as it is supposed to, and I don't know how to load them horizontally, so that they all can have equal amount of space to operate.

   Does anyone know how to change vertical to horizontal widget loading for sidebars?

   Thanks.
   -Jeff K., Coordinator
   www.wereallyloveyou.com

2. esmi
   Member
   Posted 2 weeks ago #

   Widgets don't load horizontally or vertically. They just load - as in add markup to the page. How they are then displayed is down to your CSS.

3. wereallyloveyou
   Member
   Posted 2 weeks ago #

   That's what I was figuring out, I know the styling is coming from function.php, but I don't know how to display widgets one after another, from left to right.

   This is from my style.css.
   

   .art-sidebar-footer
   {
   	position: relative;
   	margin: 0;
   	padding: 0;
   	border: 0;
   	float: left;
   	overflow: visible;
   	width: 865px;
   }

   If anyone else has suggestions, please add 'em!

   Thanks again.

4. esmi
   Member
   Posted 2 weeks ago #

   I know the styling is coming from function.php

   No - the markup comes from register_sidebars in functions.php. You then use CSS to style that markup. It's more than likely that you won't be editing your stylesheet so much as adding a whole new block of CSS to it. But it's impossible to suggest any CSS until the widgets are in place in the footer so you can see what markup/classes/ids you have to work with.

5. wereallyloveyou
   Member
   Posted 2 weeks ago #

   I got it!

   http://www.sueblimely.com/add-widget-ready-sidebars-to-wordpress-footers/

   :)

6. esmi
   Member
   Posted 2 weeks ago #

   Next step: adding widgets to pages! Exactly the same principle. :-)

Reply

You must log in to post.