Recent
Categories
View Replies (2)

[SOLVED] Reducing J51 Icons div height

  1. Issue
0
Votes
Undo
  1. jascanio
    jascanio
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 26 October 2021
  5.  Subscribe via email
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
Attachments (1)
Captura.JPG Captura.JPG
References
  1. https://pescartesanal.com
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
jascanio
jascanio
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,
thanks for your help, which solved my issue.

Best regards,
Juan
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


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