Forums

[ Advanced Excerpt] use image in place of Read More text? (3 posts)

  1. jb13579
    Member
    Posted 1 year ago #

    I have a small gif of an arrow that I'd like to use in place of the "Read more now" text.

    Any idea how I might do that? Could I alter the read_more class to have a background image, a fixed height and width, and then put a non-breaking space in it's spot?

    Super great plugin.

  2. jb13579
    Member
    Posted 1 year ago #

    my above idea worked, it ain't pretty in the code but it got it done. if anyone comes up with a more legit way to do it, i'd love to hear about it.

  3. basvd
    Member
    Posted 1 year ago #

    Your current solution is mostly legit. You can keep the "read more" text and use CSS image replacement (text-indent: -999px;) to hide it. This way, screen readers that can't interpret images can still read the text, which makes your website more accessible.

Topic Closed

This topic has been closed to new replies.

About this Topic