Change (more…) to (Read More…)

  • Author
    Posts
  • #1494324

    donka61
    Member

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

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

    #1494531

    donka61
    Member

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

    #1494560

    justpi
    Member

    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;
    }

    #1494561

    donka61
    Member

    Thanks

    #1494563

    justpi
    Member

    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;
    }

    #1494564

    donka61
    Member

    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?

    #1494565

    donka61
    Member

    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.

    #1494566

    justpi
    Member

    What space are you referring to?

    #1494567

    donka61
    Member

    using Safari check out the following page

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

    there is a huge space before the READ MORE

    #1494568

    justpi
    Member

    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;

The topic ‘Change (more…) to (Read More…)’ is closed to new replies.