How to replace the Read more link with image link.
Like in
The class is
.more-link
Replacing Read more with Image
Started by
studyworldglobal
, Jul 05 2012 07:45 PM
7 replies to this topic
#2
Rob
-
- Moderators
-
- 9,441 posts
One Smart Egg
- LocationEast Coast, USA
- Framework Version:The Latest, of course
-
Country:
Posted 05 July 2012 - 08:36 PM
If you provide a link to your site, we might have a sound answer for you quickly. Do you use Firebug or Chrome Inspection Tools? I strongly suggest you use one of them as they'd point you to the code on the example site and you could replicate on your own.
#4
Danny
-
- Moderators
-
- 7,529 posts
Ninja
- LocationManchester, UK
-
Country:
Posted 08 July 2012 - 12:27 PM
What is the image you want to use ?
#5
studyworldglobal
-
- Members
- 14 posts
Member
Posted 08 July 2012 - 02:27 PM
Image Url:
Aligned to Right.
#6
catrina
-
- Moderators
-
- 12,345 posts
Advocate
- LocationCalifornia
-
Country:
Posted 08 July 2012 - 04:39 PM
I think it's possible to add the button as a background image (without the "Continue" text) since the "Read More" text link would be blocking it. You'd just need to replace the "Read More" text in the template code with the word "Continue" and use CSS to make the font Helvetica/Arial so that it mimics the look of the text in the button you have now.
#7
Rob
-
- Moderators
-
- 9,441 posts
One Smart Egg
- LocationEast Coast, USA
- Framework Version:The Latest, of course
-
Country:
Posted 08 July 2012 - 04:52 PM
I've not created such a customization before. Testing, I tried a background. It worked, but did not replace the actual text. I suspect therefore, this will require a hook or a customized section. Use Action Map (one of our free plugins) to find the action, and from that you can write a hook or identify the section to clone and edit.
#8
Rob
-
- Moderators
-
- 9,441 posts
One Smart Egg
- LocationEast Coast, USA
- Framework Version:The Latest, of course
-
Country:
Posted 08 July 2012 - 08:33 PM
Catrina's suggestion is true, however editing the core files is NOT supported or recommended as future updates will overwrite the work you did. This is why I suggested the Action Map. If you read through the Wiki, you will find plenty of resources on customizing such things. We are unable to customize your site directly through the forums and happily provide Pros who can develop customizations for you (for a fee).
I'd strongly urge you to get and use Firebug for Firefox ( ) or use Chrome's Inspection Tools to test CSS. will help you learn some basic CSS to coordinate with what you find with either Firebug or the Tools.
