Space between certain items in dropdown

Space between certain items in dropdown was created by Gipa

Posted 11 years 5 months ago #7527
Hi

I would like to have some space between certain items in the dropdown box.

I tried making blank separators (menu items of type Separator), but they don't show.

I then tried adding margin and padding to the specific items via css, but it doesn't seem to care about anything but left-padding/left-margin - and I need top or bottom...

Any great ideas for making space between certain menu items in the drop down?


:) Rie
by Gipa

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Space between certain items in dropdown

Posted 11 years 5 months ago #7535
hi
please give me your url and tell me where you have placed the css that does not work
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Gipa on topic Space between certain items in dropdown

Posted 11 years 5 months ago #7540
www.altomhobby.dk

If you go to the topmenu and mouse over "Kategorier", you will get a dropdown.

I want all the bold items to have a 10px top-margin/-padding.

I have this:
div#maximenuCK ul.maximenuCK li.item366 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item373 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item381 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item394 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item399 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item403 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item406 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item409 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item412 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item418 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item424 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item427 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item432 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item437 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item440 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item444 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item448 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item451 > a span.titreCK, div#maximenuCK ul.maximenuCK li.item463 > a span.titreCK{
margin-top: 10px !important;
padding-top: 10px !important;
}

You can actually see with FireBug that there is a top margin or padding - it just doesn't move the items down...


:) Rie
by Gipa

Please Log in or Create an account to join the conversation.

Replied by Gipa on topic Space between certain items in dropdown

Posted 11 years 5 months ago #7541
Oh - and I placed the css in:
modules/mod_maximenu_CK/themes/default/css/maximenuH_CK.php.


:) Rie
by Gipa

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Space between certain items in dropdown

Posted 11 years 5 months ago #7546
ok, try to add
Code:
display:block;
where you have put your padding
Ced

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Gipa on topic Space between certain items in dropdown

Posted 11 years 5 months ago #7548
Perfect! That did the trick!

Thank you SO much for fixing all my little issues - and so fast!! :cheer:


:) Rie
by Gipa

Please Log in or Create an account to join the conversation.

Time to create page: 0.608 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 974 guests and no members online