Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about "DesignNow" Joomla template

Topic-icon Center items in Top Menu (user3) and add dividers

More
5 years 10 months ago #10144 by stretch193
stretch193 created the topic: Center items in Top Menu (user3) and add dividers
Hi,

Is there a way to center the items in the top menu (that's populated by user3)?

Also, I'd like to add a graphical vertical divider (png file) between each item - see attached. Is this kind of thing possible?

Many thanks,

Mark
Attachments:

Please Log in to join the conversation.

More
5 years 10 months ago #10158 by ivan.milic
ivan.milic replied the topic: Re: Center items in Top Menu (user3) and add dividers
You can add devider as background image.
#nav > li{
background-image:..
}

you can use
#nav > li:first-child{
background-image:none;
}

to omit it from first one, but this only works for browsers that support css 3. You can solve this using jQuery , sector syntax is same:

jQuery('#nav > li:first-child').css('backgroundImage','none');


Menu support adding icon as any joomla menu, but i'am not sure that is usable for what are you truing to achieve.

Please Log in to join the conversation.

More
5 years 10 months ago #10165 by stretch193
stretch193 replied the topic: Re: Center items in Top Menu (user3) and add dividers
Thanks. I'll try this out later. Is there a way to center the items of the menu. Currently they are aligned to the left.

Thanks,

Mark

Please Log in to join the conversation.

More
5 years 10 months ago #10336 by stretch193
stretch193 replied the topic: Re: Center items in Top Menu (user3) and add dividers

ivan.milic wrote: #nav > li{
background-image:..
}


I'm trying to get this to work. take it the code above is added to template_css.css? Does it mater where in the file this is added? I've tried in several locations but can't get the image to display.

Thanks,

Mark

Please Log in to join the conversation.

More
5 years 10 months ago #10339 by ivan.milic
ivan.milic replied the topic: Re: Center items in Top Menu (user3) and add dividers
Very bottom is good place, yuo can also add !important flag:

#nav > li{
background-image:url(..)!important;
}

Please Log in to join the conversation.

Time to create page: 0.142 seconds

Links, Partners and Social Media