Make "Read More" tag look like a button

  • Unknown's avatar
    tempestadore · Member ·

    Hello again. Sorry to be posting so much, I’m really trying to figure this out but I don’t seem to be very good at it.

    Anyway, I’m wondering if there is any way to make the “read more” tag look more like a button? I’ve seen it on other themes but mine (Motif) doesn’t have it set up that way.

    If a button is not possible, can I change the font color and/or background color? So far the only adjustments I’ve been able to make are the alignment (right), font style (header instead of paragraph) and font weight (bold).

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

  • Unknown's avatar
    tempestadore · Member ·

    (forgot to click notify me via email, just doing that now. Disregard this message)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, here is sort of a “kitchen sink” styling rule for the read more button on posts which you can edit as you desire. Anything you do not use can be deleted from the rule. 

    .more-link {
    background: #CC0000;
    color: #FFFFFF !important;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #000000;
    text-shadow: 1px 1px 2px #000000;
    text-decoration: none !important;
    letter-spacing: 0.4px;
    font-weight: normal;
}
  • Unknown's avatar
    tempestadore · Member ·

    Awesome! Thanks again!

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Make "Read More" tag look like a button’ is closed to new replies.