Change (more…) to (Read More…)

• 

  donka61 · Member · Oct 24, 2013 at 1:06 am

  • Copy link
  • Add topic to favorites

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

  The blog I need help with is: (visible only to logged in users)

• 

  donka61 · Member · Oct 27, 2013 at 10:49 pm

  • Copy link

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

• 

  justpi · Member · Nov 12, 2013 at 3:30 am

  • Copy link

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

• 

  donka61 · Member · Nov 12, 2013 at 4:25 am

  • Copy link

  Thanks

• 

  justpi · Member · Nov 12, 2013 at 2:00 pm

  • Copy link

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

• 

  donka61 · Member · Nov 12, 2013 at 2:48 pm

  • Copy link

  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?

• 

  donka61 · Member · Nov 12, 2013 at 2:50 pm

  • Copy link

  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.

• 

  justpi · Member · Nov 12, 2013 at 5:29 pm

  • Copy link

  What space are you referring to?

• 

  donka61 · Member · Nov 12, 2013 at 5:56 pm

  • Copy link

  using Safari check out the following page

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

  there is a huge space before the READ MORE

• 

  justpi · Member · Nov 12, 2013 at 6:10 pm

  • Copy link

  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;