Need help? Check out our Support site, then


Change (more...) to (Read More...)

  1. Is it possible to change the (more...) to (Read More...) using CSS?

    The blog I need help with is parishconnections.wordpress.com.

  2. I guess this is not possible. sometimes i don't understand what is CSS doable and what is intrinsic to a theme's code.

  3. You mean on category and other archive pages? Yes it's possible. ADd this:

    .more-link {
        font-size: 0;
    }
    .more-link:after {
        content: "(Read More...)";
        font-size: 13px;
    }
  4. Thanks

  5. You're welcome.
    In Firefox it's fine, but in Safari I'm seeing an extraneous element that shouldn't be there. So try turning the above to this please:

    .more-link {
    font-size: 0;
    color: transparent !important;
    }
    .more-link:after {
    content: "(Read More...)";
    font-size: 13px;
    color: #3366CC;
    }
  6. wow. thanks for catching that. It's great to know that I have someone watching from all sides. But I don't that it was fixed all the way. The extraneous underline is gone, but the space is still there. Is there anyway of reducing that space in Safari?

  7. IDEA: How about breaking the line, so that the READ MORE is on the next line? That might be an easy fix that would be acceptable.

  8. What space are you referring to?

  9. using Safari check out the following page

    http://parishconnections.wordpress.com/the-latest-news/

    there is a huge space before the READ MORE

  10. In all the excerpts I'm seeing a regular single space before the opening parenthesis. Which version of Safari are you using?

    But space or no space, your idea is probably better (if only to avoid seeing "Read" at the end of a line and "More" on the next). So, if you'd like the tag on its own line, add this to .more-link:after:
    display: block;

Topic Closed

This topic has been closed to new replies.

About this Topic