Format "read more"

  • Resolved IlanK

    (@ilank)


    12 years, 6 months ago

    Hi,

    I’d like to format the read more by placing it in a div class.
    Whenever I try to do that though it makes all the text that div class, but not the actual read more.

    My div class is called “readmore”

    Here is my webpage: https://www.payitforwardfriends.com

    I am using the Ari theme.

Viewing 6 replies - 16 through 21 (of 21 total)
  • Thread Starter IlanK

    (@ilank)

    so do I just do

    <div class="readmore" text-color:"red"></div>

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    No, apply the CSS color to the anchor tag within that div ?

    .readmore a

    Thread Starter IlanK

    (@ilank)

    So what code do I use?

    Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    .readmore a {
 color: yellow;
}
    Thread Starter IlanK

    (@ilank)

    It works great. Thanks so much!

    I’m unsuccessfully trying to use this, and can’t see where I’m going wrong.

    My theme has wpautop disabled because it was causing unwanted reformatting of some text. As expected, it also removes the p tags from the ‘read more’ link when using <?php the_content();?>.

    I’ve been able to get some css control of my ‘read more’ link by adding a span:

    <?php the_content ('<span class="continue-reading">CONTINUE READING ?</span>'); ?>

    But I’d prefer to have the whole line wrapped in p tags – which your code should do.

    I’ve added it to the home.php template, and all my pages call JQuery. But it doesn’t modify the code. What might I be doing wrong?

Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘Format "read more"’ is closed to new replies.