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 "Chameleon" Joomla template.

Topic-icon Remove Border from Last menu Item?

More
5 years 4 months ago #11263 by lmw1
How can I edit my css so it does NOT show the right border on the last menu item?

*see attached image for clarity.

Thanks!
Attachments:

Please Log in to join the conversation.

More
5 years 4 months ago #11270 by ivan.milic
css3:

#nav > LI{
border-right:none!important;
}

jQuery:

jQuery(document).ready(function(){
jQuery('#nav > LI').last().css('borderRight',none);
});

Please Log in to join the conversation.

More
5 years 4 months ago #11296 by lmw1
Sorry. That didn't work for me.

Do you use the CSS "with" the JS? If so, I tried that too and nothing.

Just to be sure, where do you put the JS?

- Len

Please Log in to join the conversation.

More
5 years 4 months ago #11310 by ivan.milic
css should be (I missed something):


#nav > LI:last-child{
border-right:none!important;
}

for JS version you can put script just before end of head section of index.php of template (</head>)

also try:

jQuery(document).ready(function(){
jQuery('#nav > LI').last().css('border-right',none);
});

or
jQuery(document).ready(function(){
jQuery('#nav > LI').last().css('border',none);
});

Please Log in to join the conversation.

More
5 years 4 months ago #11408 by lmw1
None of those worked.

It's definitely an inheritance issue somewhere.

Please help!

Please Log in to join the conversation.

More
5 years 4 months ago #11424 by ivan.milic
it's not inheritance. it has !important; or other script solution also overcomes that. Make that changes, leave them and send me link so I could inspect.

Please Log in to join the conversation.

Time to create page: 0.119 seconds

Links, Partners and Social Media