WordPress.org

1. loybond
   Member
   Posted 3 years ago #

   I've created these buttons on my sidebar, and they're ok, but how do you space them out more? They're all squished together. Is there some basic code I can insert between buttons like
   (though that doesn't work) to leave a space?

   Here's my blog... http://geekliness.com

   Much appreciated!

2. ClaytonJames
   Member
   Posted 3 years ago #

   Have you tried this?

   <div class="sb-spacer"/>

   it seems to work between your search box and Posts RSS Feed button ok.

3. loybond
   Member
   Posted 3 years ago #

   Thanks! I tried that, but it didn't work. :( Any other suggestions?

4. jbbrwcky
   Member
   Posted 3 years ago #

   Something wrong with your html, this is what I see, for all the menu items:
   

   <a href="http://geekliness.com/feed/"<img src="http://geekliness.com/wp-content/themes/redoable 1.1/images/categories/postsrss.png"

   Fix that. Add a class to each link then style the link add margin/padding to the img.

5. loybond
   Member
   Posted 3 years ago #

   Hmm, that's weird... this is what I have...

   /*
   
   <div class="secondary">
   
   	<?php if( get_option('redo_livesearchposition') == 0 ) { ?>
   	<div id="search">
   		<h2><?php _e('Search','redo_domain'); ?></h2>
   		<?php include (TEMPLATEPATH . '/searchform.php'); ?>
   	</div>
   	<div class="sb-spacer"></div>
   
   	<div id="dynamic-content"></div>		
   
   	<div id="current-content">
   	<?php }
   	else { ?>
   	<div id="search">
   		<h2><?php _e('Search','redo_domain'); ?></h2>
   		<?php include (TEMPLATEPATH . '/searchform.php'); ?>
   	</div>
   	<div class="sb-spacer"></div>
   	<?php } ?>
   
   <a>/images/categories/postsrss.png"
   
   </a><a>/images/categories/commentsrss.png"
   
   <div class="sb-spacer"/>
   
   </a><a>/images/categories/categories.png"
   
   </a><a>/images/categories/cartech.png"
   
   </a><a>/images/categories/cars.png"
   
   </a><a>/images/categories/computertech.png"
   
   </a><a>/images/categories/digitalcameras.png"
   
   </a><a>/images/categories/ebayfunk.png"
   
   </a><a>/images/categories/featured.png"
   
   </a><a>/images/categories/gadgets.png"
   
   </a><a>/images/categories/geekizeit.png"
   
   </a><a>/images/categories/geekycarbargains.png"
   
   </a><a>/images/categories/geekytechbargains.png"
   
   </a><a>/images/categories/hometech.png"
   
   </a><a>/images/categories/hometheatertech.png"
   
   </a><a>/images/categories/movies.png"
   
   </a><a>/images/categories/videogames.png"
   
   </a><a>/images/categories/wordsofgeekliness.png"
   
   */

   Sorry for such a noob question, but can you quickly give me the code to add margin/padding? I know what that stuff is in theory, just don't know exactly what to put in.! Thanks. Also, I don't know how to add a class for each of those. Any insight would be appreciated.

6. loybond
   Member
   Posted 3 years ago #

   And it didn't paste... but it is < a href = " the link " < img src = " < ? php bloginfo ( ' template_directory ' ) ; ? > before the /images lines

7. ClaytonJames
   Member
   Posted 3 years ago #

   Don't mean to be persistent, but in spite of the link errors, try this again just for giggles... this time with a closing div. I see it already working in your theme as a spacer, and I can make it work with a live edit using Firebug in Firefox. If not, my apologies.

   <div class="sb-spacer"></div>

   Cj

Topic Closed

This topic has been closed to new replies.