تخطي للذهاب إلى المحتوى
القائمة
لقد تم الإبلاغ عن هذا السؤال
1 الرد
3054 أدوات العرض

Hello,

I have configured my website in Odoo using drag and drop features and I want to add more changes via html/css editor but I am having trouble finding the specific codes. 

I currently have a sub-menu on the left as shown below:

And I want to change it according to below image:

1. I want the border between the menus in my website.

2. I want to change the dropdown icon to a '+' sign to expand and a '-' sign to collapse the sub-menus.

Any help is appreciated.

Thanks.

الصورة الرمزية
إهمال
أفضل إجابة

Hi Fadil,

To achieve your requirement you just write CSS code in code injector in the web editor

in the editor section try this:
For border between menus:   

/* Add border between top-level menu items */
.nav-menu > li {
  border-right: 1px solid #ccc;
}

/* Add border between sub-menu items */
.nav-menu li ul li {
  border-bottom: 1px solid #ccc;
}

For '+' or '-' icon:

/* Replace dropdown icon with Font Awesome icons */
.nav-menu .fa-chevron-down:before {
  content: "\f067"; /* Plus icon */
}

.nav-menu .open .fa-chevron-down:before {
  content: "\f068"; /* Minus icon */
}


Hope it helps


الصورة الرمزية
إهمال
المنشورات ذات الصلة الردود أدوات العرض النشاط
1
مايو 25
10338
1
فبراير 23
3132
0
أكتوبر 21
3025
3
أكتوبر 20
5442
7
مارس 24
9814