Social icon box - tripadvisor owl cut off

andywattbulb · August 2019

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:

https://www.mosaebiketours.com/en/test/

is there a script to make this go away?

Sincerely,

Andi

Pablo · August 2019

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

andywattbulb · August 2019

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

Pablo · August 2019

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

andywattbulb · August 2019

I set it to 14 px but it still didn't work.

Bryan · August 2019

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

andywattbulb · August 2019

Thank you! It worked like a charm

Social icon box - tripadvisor owl cut off

Comments