trying to get custom icon button "in line" with the text

  • Unknown's avatar
    ewanger · Member ·

    I’m having trouble getting .Button.ReadIt to behave properly:

    .Button.ReadIt {
    display: table-cell;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(‘https://cldup.com/qSqBSCKBvs.gif’) no-repeat;
    background-size: contain;
    width: 20px;
    /* Width of new image */
    height: 20px;
    /* Height of new image */
    }

    This class successfully displays the custom icon as a button and the link works properly, however, I can’t figure out how to get the icon “in line” with the text, not on a separate line of its own. So far, I haven’t been able to get anything to work in html or css to get the button inline with the text.

    Any help would be much appreciated.

    The page in question is: https://edw.com/2016/06/18/archive-of-wanger-newsletters/

    Thanks!

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, I’m seeing you have icon only right now for your sharing buttons. Is this going to work for you, or are you wanting to have text + icon? If you want text + icon, if you switch back to that, we can see about getting everything on one line for you. It should be pretty easy to do.

  • Unknown's avatar
    ewanger · Member ·

    I was hoping to just use the plain icon. However, I’m willing to modify it by adding text if that gets the problem solved.

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, this is what I’m seeing on your site right now with the Reddit button in between the G+ and Twitter icon. Is this not what you are seeing, or am I misunderstanding?

  • The topic ‘trying to get custom icon button "in line" with the text’ is closed to new replies.