how add image instead of "[Read more…]"

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Han

    (@hwijaya)

    11 years, 11 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;
    }

    Thread Starter new developer

    (@new-developer)

    11 years, 11 months ago

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

    a.more-link {
    font-size: 25px;
    background-image:url(http://codex.ww.wp.xz.cn/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..

    Theme Author Han

    (@hwijaya)

    11 years, 11 months ago

    Try add display:block;

    a.more-link {
font-size: 0px;
display:block;
background-image:url(http://codex.ww.wp.xz.cn/images/4/42/leaf.gif);
width: 37px;
height: 46px;
}
    Thread Starter new developer

    (@new-developer)

    11 years, 11 months ago

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

    how change position to center..??

    Thread Starter new developer

    (@new-developer)

    11 years, 11 months ago

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

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘how add image instead of "[Read more…]"’ is closed to new replies.