wordpress help

[barcodenation]

Ok I'm on wordpress and i added the <more!> option. Everything looked good until i noticed the "read more" button is right next to the next post's title instead of being right above it. Anyone know how to fix this?

Here's the link to see what i'm talking about. http://www.warezxtreme.org/guest/

barcodenation Reviewed by barcodenation on 19th May 2010. wordpress help Ok I'm on wordpress and i added the <more!> option. Everything looked good until i noticed the "read more" button is right next to the next post's title instead of being right above it. Anyone know how to fix this? Here's the link to see what i'm talking about. http://www.warezxtreme.org/guest/ Rating: 5

[abhay26]

Try aligning the read more button to the left.

[barcodenation]

I don't see an align to anywhere in html tab

[BlaZe]

Add <br /> tag after the 'Read More' button and see.

[RT]

find this line in the style.css file

div#main-area a.readmore span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/main-readmore-right.png) no-repeat scroll right top;
display:block;
padding:3px 11px 5px 0;

and replace the stuff with this code:

div#main-area a.readmore span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://i.imgur.com/xVBAY.png) no-repeat scroll 0 0;
display:block;
padding:3px 176px 5px 0;

result will give u this:


ok now i can go to bed, anything else let me know later .

[barcodenation]

This is all i found in the whole script...

div#main-area a.readmore { background: url(images/main-readmore-left.png) no-repeat top left; padding: 0px 0px 0px 11px; color: #ffffff; font-size: 11px; font-weight: bold; display: block; float: right; margin-top: 15px; }
div#main-area a.readmore span { background: url(images/main-readmore-right.png) no-repeat top right; padding: 3px 11px 5px 0px; display: block; }

[RT]

div#main-area a.readmore { background: url(images/main-readmore-left.png) no-repeat top left; padding: 0px 0px 0px 11px; color: #ffffff; font-size: 11px; font-weight: bold; display: block; float: right; margin-top: 15px; }
div#main-area a.readmore span { background: url(images/main-readmore-right.png) no-repeat top right; padding: 3px 11px 5px 0px; display: block; }

^ the bold one is the one to change.