Reduce space between dropdown items

perlfan 10 Oct, 2019
Hi there, as you can see in the image below, the space between the drop down items is too big. I tried to adapt padding in the css but nothing changes. What parameter do I have to change to reduce the space? If somebody needs the link to my site, please write in private. Thanks for any help!!! Frank


Reduce space between dropdown items image 1
GreyHead 10 Oct, 2019
1 Likes
Hi perlfan,

That isn't normal ChronoForms layout - I suspect that there may be some interference from other CSS on the page. By all means PM me the URL so I can take a quick look.

Bob
perlfan 11 Oct, 2019
Thank you, will do! Frank
GreyHead 11 Oct, 2019
Hi Frank,

The problem is with this CSS from com_content.css

.item, .items-leading {
display: block;
padding-bottom:0px;
margin-bottom:46px;
}

It is setting a large bottom margin . You should be able to over-ride this in the form CSS with a more specific selector or !important

Bob
perlfan 11 Oct, 2019
Fantastic! Thanks a lot! My fault was that I didn't look at the CSS tags at item level but only at the general drop down CSS. Thanks a lot for pointing this to me - FRANK
This topic is locked and no more replies can be posted.

VPS & Email Hosting 20% discount
hostinger