Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 26, 2015 at 11:00 am #385338
    scfran

    Hi,

    I would like to replace the bad looking read more link on my blog excerpts on my blog overview page by a customised button, preferably by a image, which I can customise to my taste. It should also be only visible on my post excerpts.
    Is this possible without “hard coding” on my files?

    Best regards,
    Frank

    January 26, 2015 at 4:17 pm #385532
    Yigit

    Hi scfran!

    Please post a screenshot and show how you would like to display your “read more” button so we can provide you an accurate solution/answer :)

    Best regards,
    Yigit

    January 26, 2015 at 4:42 pm #385561
    scfran
    This reply has been marked as private.
    January 26, 2015 at 4:53 pm #385575
    Yigit

    Hi!

    Please add following code to Quick CSS and adjust as needed

    .read-more-link a {
background-color: blue;
color: white;
padding: 10px;
border-radius: 5px;
border: 1px solid orange;
}

    Regards,
    Yigit

    January 26, 2015 at 5:18 pm #385604
    scfran

    Hi Yigit,

    how I can move the button in the center of the side and remove the arrow?
    text-align: center; does not work.

    Regards,
    Frank

    January 26, 2015 at 5:47 pm #385630
    Yigit

    Hey!

    Please use following code 

    .read-more-link {
text-align: center;
}

    Seems like you have removed the arrow already

    Regards,
    Yigit

    January 26, 2015 at 5:51 pm #385636
    scfran

    Thanks Yigit! Yes, I’ve found the right css code.

    Regards,
    Frank

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Replace the read more link by a customised button (picture)’ is closed to new replies.