0

Hi to all
I have a little problem with a menu (I use superfish)
all the item are link and without any problems, but I don't know how to configure a item (it's a span, not a link).
I want to display that span like a button, but padding works only to add some space on the left and right but for top and bottom it doesn't work (the same with margin)
.menu li span.separator {
font-size: 14px;
font-weight: bold;
padding: .75em 1em;
}
if I add that padding for the li, it's works but I have some problems in other part of menu

I want to add that padding only for the li that includes that span.separator and not for all li of menu, but I don't know which is the best code (eg. like >)

byeeee

3
Contributors
5
Replies
6
Views
6 Years
Discussion Span
Last Post by maofree
0

You can try setting a specific height to the span element, may be padding will work then.

0

thanks RJ_Dev
but I've tried that solution, but doesn't work
I use joomla cms and I can't add a class or id for that li
I'll try other solutions

byeee

0

Vertical margin or padding cannot apply to the inline-elements. Set the 'display: block' to alter the block-level for that inline-element will work perfectly.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.