Editing the "More" command

• 

  donka61 · Member · Nov 22, 2013 at 11:35 am

  • Copy link
  • Add topic to favorites

  Sacredpath gave me the following code to edit my “more” command which worked like a charm.

  .more-link {font-size: 0; color: transparent !important;}

  .more-link:after {content: “(Read More…)”; font-size: 13px; color: #3366CC;}

  Now I want to have a better reading experience for users of the blog when it comes to SEARCH RESULTS. Unfortunately, since I have the titles on the pages hidden (so that I can have more control of placement of photos, etc. on page), I invariably had to put the “more” command on the first line (because I did not want the 500px width photos to appear in the search results). However, as a result, i am not able to have an excerpt appear on the search pages.

  As a work around I discovered that I could add text to the more command such as

  <!–more On this page you will find recent photos of events at St. Augustine Parish. On the side column you will find recent news.–>

  Here is how it looks on the search page: http://parishconnections.wordpress.com/?s=news+photos&submit=

  Notice that the whole text is now linked.

  QUESTIONS:

  1. Is there a way I can have the “excerpt/summary” that I created in the “more” command not linked and just have “more” linked? Perhaps, there is another command or code that I can manually place on the pages before the “more” command so that I can have an excerpt before the more link? I don’t want this text to actually appear on the pages, only on the search results.

  2. Why is it that the “excerpt/summary” that I attach to the “more” command NOT work when I have the above code that sacredpath gave me in my CSS?

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

• 

  donka61 · Member · Nov 22, 2013 at 2:30 pm

  • Copy link

  oops, my apologies to justpi. It was not sacredpath but justpi who gave me the above code. https://en.forums.wordpress.com/topic/change-more-to-read-more

• 

  designsimply · Member · Dec 9, 2013 at 8:19 pm

  • Copy link

  Is there a way I can have the “excerpt/summary” that I created in the “more” command not linked and just have “more” linked?

  There’s not a way to do that with CSS only, and the custom design upgrade offers CSS editing only.

  I don’t want this text to actually appear on the pages, only on the search results.

  Sorry, I’m not sure I understand. Could you look at http://parishconnections.wordpress.com/?s=news+photos&submit= and tell me the exact text you want to hide?

  2. Why is it that the “excerpt/summary” that I attach to the “more” command NOT work when I have the above code that sacredpath gave me in my CSS?

  I tested the example CSS you posted above and the “Read More” text was still clickable. Maybe I’m not looking at the right thing?