I knw this is a small problem! but.......

hello,

I know the problem I am facing would be small, and most of you would think I am an idiot. But I have tried all variations but have never been able to solve this....

I am using wordpress, and my theme does not support widgets (actually they don't show up on homepage only)

so I tried to hardcode the code to call my blogroll on the home page,

my code looks like this.

<!-- Links-->
<h2 class="front" style="margin:15px 0 5px 0">Friends</h2>
<ul id="sidebar_m">
<li id="linkcat-693" class="widget wp_widget_mylinkorder">
<ul class='xoxo blogroll'>
<li><?php get_links()' ?></li>
</ul>
</li>
</ul>
<!-- /Links-->

and it shows my blogroll like this...



I want the arrow to be shown with all the links and not only the first one!

please help me in solving this stupid issue

thanks

 

It appears only on mouseover? or it's only on first item on the list?
Can you provide a url of the page or the css of the items that you provided?

 

http://www.laptopslife.com/

see on the right hand column below subscription box!

 

Try this one to solve your problem

ul li { list-style-image: url(pics.png); }

Code (markup):

 

it seems your links are within an <li></li>

you might want to try editing the <?php getLinks(); ?> so that they each output as <li>Content</li>

Then just add it between your
<ul>
<?php getLinks(); ?>
</ul>

Then you can add the css which Doctrin happily supplied.

Should do the trick though I think that function calls out a list of <li's> anyway

 

use <li></li>

 

What you have right now is:

<ul class='xoxo blogroll'>
<li><a href="http://www.mobilearc.com/" target="_blank">Free Nokia Games</a><br />

<a href="http://www.themespool.com/" target="_blank">Free Themes</a><br />
<a href="http://www.downloadchill.com" target="_blank">Sony Ericsson Themes</a><br />
<a href="http://www.wiidebate.com/" target="_blank">Wii Forum</a><br />
</li>
</ul>

Code (markup):

If you want to leave this code as is..

Use the following CSS code (edit to suit):

.blogroll a {
  background: url('images/YourArrow.gif') no-repeat left center;
  padding-left: 15px;
}

Code (markup):

Hope that works for you.