Social icon box - tripadvisor owl cut off

Hallo Muffingroup,


I have some social icon boxes and i just recently wanted to add the built in TripAdvisor owl head but it seems to get cut off by a invisible box: 


is there a script to make this go away?

Sincerely,

Andi

Comments

  • Hello Andi,
    Your icon size is just too big.
    But, the icon font size is the same as the content font size, so you should decrease it a little bit and evereything will be okay.
    Thanks
  • Hallo Pablo,

    Do you mean the size of the icon box? I does not matter how big or small I make it, it remains the same. I've made it the smallest now to see if it made a difference. 

    If you are talking about the icon image itself, it's not mine but comes with betheme.

    I don't know what you mean with "icon font size" or where to decrease it.

    Please advise,

    Andi
  • Your icon size is just too big.
    But, the icon font size
    is the same as the content font size, so you should decrease it a little
    bit and evereything will be okay.
    To decrease the font size of the content, please go to the Theme Options > Fonts > Size & Style
    Thanks
  • I set it to 14 px but it still didn't work.



    image
  • We will fix that, please use this custom css for the icon
    .style-simple .icon_box .icon_wrapper i::before {
    display: inline !important;
    margin: 0 !important;
    }
    The content font size has nothing to do with that, please disregard what Pablo wrote before.
    thanks and sorry for the problem
  • Thank you! It worked like a charm :)

Sign In or Register to comment.