How to add bullets on random posts

HTML & CSS
1

hi friends
i need help, i want to bullets on my random posts! as i placed code, but it is not showing correctly, can any one plz help me for this, i attached screenshots as reference and link of my website
www.smashinghub.com

190×698 13 KB

thanks

2

Something is really messy with your HTML, and it’s a rough morning for em to take this advice with a grain of salt…


.span-60 ul{ /*seems to be the div.span-60  where random post is contained, tho I dont know that element is even needed*/ 
list-style: disc;}

From there on you dont have to use “disc” you can use any of he AVAILABLE styles you wish, or even do .span-60 li li {…} with a bg bullet image.

You may also want to add: .span-60 li li {padding-bottom:1em;} this will give some space between each item. To me that would make the list easier to read, but that’s a personal typographical choice.

Hope that helps

3

sorry did not get u, can u correct the code, yeah i know , my code is mess up i need to optimize the theme, searching for a developer

<li><h2>Random Post</h2>
<ul>
<?php $posts = get_posts(‘orderby=rand&numberposts=8’); foreach($posts as $post) { ?>
<li><a href=“<?php the_permalink(); ?>” title=“<?php the_title(); ?>”><?php the_title(); ?></a>
</li>
<?php } ?>
</ul>
</li>

4

I was just pointing out how there are some seriously convoluted templates for Wordpress out there.

QUICK FIX ( tho not optimized)


<li><h2>Random Post</h2>
<ul id="randPost">
<?php $posts = get_posts('orderby=rand&numberposts=8'); foreach($posts as $post) { ?>
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
</li>
<?php } ?>
</ul>
</li>

and your CSS


#randPost{ list-style:disc;}
#randPost li {padding-bottom:1em;}
5

[QUOTE=dresden_phoenix;4932153]I was just pointing out how there are some seriously convoluted templates for Wordpress out there.

no affect sir :frowning:
same

6

I don’t see where you put the CSS part… you have to update BOTH.




#randPost{ list-style:disc;}
#randPost li {padding-bottom:1em;}
7

sir i did
here is a screenshot of CSS style sheet

8

ok, lets be super safe:
#randPost{ list-style:disc;}
#randPost li {padding-bottom:1em; display:list-item; float:none;}

also which style sheet file did you add it to? I keep searching for the CSS code, but cant find which file it is in.