[SOLVED] Reducing J51 Icons div height

Issue

Votes

Undo

Hi,

I'm turning my web into a Progressive Web Application. In order to resemble an app menu at the bottom of the viewport, I use the module J51 Icons, which I include inside a 3rd party extension to float the module at the bottom.

I don't need icons descriptions or titles. Just icons.

The menu at the bottom is a bit too high, so I need to reduce its height. Apparently, there is some sort of margin or padding surrounding icons, but I cannot reduce it. I've inspecting the css code, but did not find the place.

I attach screen capture and web url.

Could you please provide me with some advice?
Thanks in advance for your help.

Regards,
Juan

Responses (2)

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hi Juan

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.j51_icon_layout_col-i-t i {

    margin-bottom: 0;

}

.j51_icons89 .j51_icon {

  min-height: auto;

}

Ciaran

more than a month ago
Commercial Templates
# 1

jascanio

Accepted Answer Pending Moderation

Votes

Undo

Hi Ciarán,
thanks for your help, which solved my issue.

Best regards,
Juan

more than a month ago
Commercial Templates
# 2

Page :
1

There are no replies made for this post yet.
Be one of the first to reply to this post!

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

[SOLVED] Reducing J51 Icons div height

Site Links

Recommended

Join Our Newsletter