ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   lstelie
   Member

   Hello

   Insert-index is the zone under x posts where x widgets can be displayed.

   In my case it's after the first post with 3 widgets.

   The ouput html is

   <div id="index-insert" class="aside">
   	<ul class="xoxo">
                 <li id="text-3" class="widgetcontainer widget_text">
                       <h3 class="widgettitle">Texte 1</h3>
   	            <div class="textwidget"></div>
   	       </li>
                  <li id="text-4" class="widgetcontainer widget_text">
                       <h3 class="widgettitle">Texte 2</h3>
   		    <div class="textwidget"></div>
   		</li>
                   <li id="text-5" class="widgetcontainer widget_text">
                        <h3 class="widgettitle">Texte 3</h3>
   		     <div class="textwidget"></div>
   		</li>
   	</ul>
   </div><!-- #index-insert .aside -->

   I would like to display the three zones beside each other (list inline) but as stupid as it can seem I fail.

   Any bit of css code warmly welcom

   Thanks in advance

   Luc

   Posted 11 years ago #
2. 

   ScottNix
   Member

   Uhm... this should somewhat work, you are most likely just wanting the float bit, although you may want to also make the percentage a fixed width if needed.

   #index-insert .xoxo li { float: left; width: 33.3%; }

   Posted 11 years ago #
3. 

   lstelie
   Member

   Thanks a lot Scott !!

   I was failing struggling with display : inline...

   It works like a charm

   Thanks

   Posted 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.