Jump to content
Sign in to follow this  
studyworldglobal

How to replace Previous and Next post link with image

Recommended Posts

studyworldglobal    1
studyworldglobal

How to replace the Previous / Next post text link with image in the blog post.

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
You can do that using custom CSS, most likely by using a background image. If you aren't familiar with CSS, check out this link http://www.pagelines.com/wiki/Custom_CSS

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
studyworldglobal    1
studyworldglobal
How can we remove the text link of previous and next post link. (Hope it can't be done with CSS) But without disturbing and retaining the standard arrow make in page lines theme

Share this post


Link to post
Share on other sites
Rob    547
Rob
You'd edit code like this: [code].single .hentry-navigation a em { color: #999999; display: block; font-size: 11px; font-style: normal; } [/code]

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
studyworldglobal    1
studyworldglobal
May be a Screenshot will help to understand the requirement better. http://img.studyworldglobal.com/Text-Link-alone.jpg

Share this post


Link to post
Share on other sites
catrina    103
catrina
Like in the "Read More" thread, the issue is the same where you'd need to add a background image but then I'm not sure how to get rid of the text link if you replace the link with an image using CSS.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
Rob    547
Rob
Okay. If you want to keep the arrows, the ONLY other way to remove the links is to change the CSS and play with the code I provided above. You can adjust the color of the font to white, which will make the link appear invisible. You can also shrink the size, though that might affect the location of the arrows as they're proportional to the rest of the content. We can help you remove the entire thing. But removing ONLY the links is a customization you must tweek via CSS as you desire. We can't design your site, unfortunately.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
studyworldglobal    1
studyworldglobal
This will lead to hiding text or links with white or small font size. Which is against Google' Best Practice Guidelines.

Share this post


Link to post
Share on other sites
Rob    547
Rob
My suggestion in that case would be to hire one of our Pros to create a customized solution. Unfortunately, short of changing the color, I can't provide a coding solution. They probably can create a custom solution for you.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×