Widget lines / separator

Support
#1

Hi,

how do i get rid of the lines / separator between each menu item? Thx

#2

Hi there,

That is added by the default theme CSS. To get rid of them, please add this code in X > Theme Options > CSS:

.x-colophon .widget ul li {
    border: 0 !important;
}

Here are some related links for further reading:

Hope this helps.

#3

Close but the very last item still showing the bottom separator.

#4

Hello Ken,

Please add following CSS under X > Theme Options > CSS:

#sfm-sidebar.sfm-compact-footer .sfm-copy hr {
    display: none;
}

Thanks.

#5

So strange, still isn’t working. The last separator is still there. :frowning:

#6

Hey Ken,

Would you mind posting the URL of the site in question so that we can check it and provide some suggestion?

Thank you.

#7

Hi,

Here’s the link

http://zerofinance.com/zh-hans/zero-finance-group/

#8

Hi Ken,

It’s nested structure of <ul>, please add this CSS instead

.widget_categories ul, .widget_product_categories ul, .widget_nav_menu ul, .widget_pages ul {
    border-top: 0;
    border-bottom: 0px;
}

That should do it :slight_smile:

Thanks!

#9

working perfectly. thank you very much!!!

#10

You’re welcome.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.