WordPress.org

Ready to get started?Download WordPress

Forums

Omega
[resolved] how add image instead of "[Read more...]" (6 posts)

  1. new developer
    Member
    Posted 2 months ago #

    hey please tell me how place image instead of "read more".

  2. Han
    Member
    Theme Author

    Posted 2 months ago #

    You can use background image via css

    a.more-link {
    font-size:0;
    background-image:url(your-image-url.png);
    width: you-image-width px;
    height: you-image-height px;
    }

  3. new developer
    Member
    Posted 2 months ago #

    its only working if i m increase the font size..

    a.more-link {
    font-size: 25px;
    background-image:url(http://codex.wordpress.org/images/4/42/leaf.gif);
    width: 37px;
    height: 46px;
    }

    its show [Read more...](with background image)..
    .
    but
    .
    if i m change font size to zero..its show nothing..blank..

  4. Han
    Member
    Theme Author

    Posted 2 months ago #

    Try add display:block;

    a.more-link {
    font-size: 0px;
    display:block;
    background-image:url(http://codex.wordpress.org/images/4/42/leaf.gif);
    width: 37px;
    height: 46px;
    }
  5. new developer
    Member
    Posted 2 months ago #

    yeah..its working..:)..:)
    .
    .
    but little problem..
    .
    image not showing in center..

    how change position to center..??

  6. new developer
    Member
    Posted 2 months ago #

    margin-left: 70px; ..............solved..

Reply

You must log in to post.

About this Theme

About this Topic

Tags