Put an image for Read More

[krazeek]

I am trying to put an image for my more tag, but I cannot find the line of code to edit this. I have tried a bunch of different files such as single.php, index.php, functions.php and so on.

Can anyone help?

krazeek Reviewed by krazeek on 4th Aug 2012. Put an image for Read More I am trying to put an image for my more tag, but I cannot find the line of code to edit this. I have tried a bunch of different files such as single.php, index.php, functions.php and so on. Can anyone help? Rating: 5

[RT]

It should be in your index file, what's the name of theme? post your site's link and I'll take a look.

[krazeek]

Theme name is mantra I think.

[mazzo]

hhhhhhh
i have just made it now
wait

edit
-------------
concentrate on the last part
http://digwp.com/2010/01/wordpress-more-tag-tricks/

[RT]

add this to your styles.css file

.more-link {
background: url("http://i.imgur.com/ezHFe.png") no-repeat scroll 0 0 transparent;
display: block;
float: right;
height: 40px;
width: 100px;
margin: 20px 20px 0 0;
text-indent: -9999px;
}

Change the image to your own, as well as the height/width values to the new image.

Result: http://i.imgur.com/dTK2d.png

[krazeek]

This is what I got: http://i.imgur.com/SYhcp.png

I changed the height & width to the correct dimensions of the image. I must have done something wrong.

[cvrle77]

use 'custom more link complete' plugin

If you update theme, you won't need to repeat process of adding custom css again.

[krazeek]

Thank you cvrle77, works perfectly

[RT]

No wonder people complain about slow sites, they use plugins for the simplest tasks:

.more-link {
background: url("http://wrz-tv.com/dl-button.png") no-repeat scroll 0 0 transparent;
height: 57px;
padding: 0px;
width: 198px;
display: block;
text-indent: -9999px;
float: right;
}

result: http://i.imgur.com/zkgep.png

[krazeek]

Now it seems to do nothing. I'm adding it at the bottom of my style.css. Is it working for you?