Space between certain items in dropdown
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
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
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.
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
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.
Oh - and I placed the css in:
modules/mod_maximenu_CK/themes/default/css/maximenuH_CK.php.
Rie
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
where you have put your padding
Ced
Code:
display:block;
Ced
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Perfect! That did the trick!
Thank you SO much for fixing all my little issues - and so fast!!
Rie
Thank you SO much for fixing all my little issues - and so fast!!
Rie
by Gipa
Please Log in or Create an account to join the conversation.
Time to create page: 0.696 seconds