1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Enlarge like and reply button

Discussion in 'Styling and Customization Questions' started by tommydamic68, Nov 22, 2013.

  1. tommydamic68

    tommydamic68 Well-Known Member

    Is there a way to enlarge these buttons?

    Screen Shot 2013-11-22 at 6.46.32 AM.png
     
  2. Shelley

    Shelley Well-Known Member

    you could add something like the following in extra.css template. where "yourvalue" is what sizes etc you want to input to differentiate from the other buttons or styling it another color.

    Code:
     .message .reply, .message .like { background: yourvalue; border: yourvalue; width: yourvalue; height: yourvalue; font-size: yourvalue; padding: yourvalue;}
     
    tommydamic68 likes this.
  3. tommydamic68

    tommydamic68 Well-Known Member

    @shelly I added this - is this ok? i t gave me the effect I wanted. Had to add .dislike as well.

    Code:
    .message .reply, .message .like, .message .unlike {font-size: 15px;
    }

    Thanks,
     
  4. Jeremy

    Jeremy XenForo Moderator Staff Member

    Add it into the comma separated list:
    Code:
    .message .like, .message .dislike
     
    Last edited: Nov 23, 2013
  5. tommydamic68

    tommydamic68 Well-Known Member

    like so?
    Code:
    }
    .message .reply, .message .like, .message .unlike {font-size: 15px;}
    }
     
  6. Jeremy

    Jeremy XenForo Moderator Staff Member

    You have too many closing braces.
     
  7. tommydamic68

    tommydamic68 Well-Known Member

    and this?
    Code:
    .message .reply, .message .like, .message .unlike
    {font-size: 15px;
    }
     
  8. Steve F

    Steve F Well-Known Member

    Are you using a decent text editor? Check out Notepad++ if not

    Code:
    .message .reply, .message .like, .message .unlike { font-size: 15px; }
    Or

    Code:
    .message .reply, .message .like, .message .unlike
    {
            font-size: 15px;
    }
    Is much easier to read and understand.
     
    tommydamic68 likes this.
  9. tommydamic68

    tommydamic68 Well-Known Member

    Thanks for the code - got it right now!
     

Share This Page