The READ MORE button appearing… or not

  • Hello,

    I have currently set-up this theme so that on the “Latest Posts” page it displays only an excerpt of each post and there is a READ MORE button underneath.

    But on some of my posts I have inserted a read more tag in a specific place. For those, the list of posts correctly displays the excerpt up to the read more tag, but no READ MORE button appears. There’s no visual clue at all to the fact that the post is longer than the text that is being displayed.

    If I switch to displaying all the post content rather than just an excerpt, then the read more tags are processed correctly, but instead of the nice READ MORE button all I get to click on is “(more…)”.

    Is there any way of configuring this theme so that any read more tags in the posts are honoured and supersede the default value for the number of words to be excerpted, but at the same time have the list of posts display the very pleasing READ MORE button rather than the less appealing “(more…)” text?

    Thanks,

    Simon

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author TT Themes

    (@tomastoman)

    Dear Simon,

    by default, the automatically generated excerpts should show the first 40 words of each posts. Unfortunately, the READ MORE buttons are displayed only with automatic excerpt, not with the manually defined excerpts.
    If you would like to display the “(more…)” text links as buttons, please insert the following custom CSS into “Theme Options > Other Settings > Custom CSS”:

    #wrapper .post-entry .more-link {
  background-color: #ff9e8c;
  color: white !important;
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  margin: 8px 0 3px;
  padding: 6px 8px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
       -o-transition: background-color 1s ease;
      -ms-transition: background-color 1s ease;
          transition: background-color 1s ease;
}
#wrapper .post-entry .more-link:hover {
  background-color: #f27862;
}

    Best regards,
    Tomas Toman

    Thread Starter Simon C

    (@simon-c)

    Dear Tomas,

    Thanks very much for your quick reply.

    After I posted here last night, I played around with the idea of inserting Read More tags in each post and doing something along those lines using CSS if there wasn’t an alternative work-around.

    I must confess that I even hid the (more…) text and replaced it with READ MORE, though I appreciate that would circumvent any localization and so wouldn’t be as a good a generic solution as you have posted here.

    Thanks again,

    Simon

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘The READ MORE button appearing… or not’ is closed to new replies.