Jump to content


Photo
- - - - -

How to replace Previous and Next post link with image


  • Please log in to reply
8 replies to this topic

#1 studyworldglobal

studyworldglobal

    Member

  • Members
  • 14 posts

Posted 05 July 2012 - 06:12 PM

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

#2 Jenny

Jenny

    Owned by PageLines

  • Unicorn Store Dev

  • 2920 posts
  • LocationWV
  • Country: Country Flag

Posted 05 July 2012 - 07:19 PM

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

Please Login or Register to see this Hidden Content



#3 studyworldglobal

studyworldglobal

    Member

  • Members
  • 14 posts

Posted 05 July 2012 - 07:40 PM

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

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 05 July 2012 - 08:27 PM

You'd edit code like this:

Please Login or Register to see this Hidden Content



#5 studyworldglobal

studyworldglobal

    Member

  • Members
  • 14 posts

Posted 08 July 2012 - 02:36 PM

May be a Screenshot will help to understand the requirement better.

Please Login or Register to see this Hidden Content



#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 08 July 2012 - 04:42 PM

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.

#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 08 July 2012 - 08:27 PM

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.

#8 studyworldglobal

studyworldglobal

    Member

  • Members
  • 14 posts

Posted 08 July 2012 - 09:53 PM

This will lead to hiding text or links with white or small font size. Which is against Google' Best Practice Guidelines.

#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 09 July 2012 - 07:43 PM

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.