Customize Submenu Styles (Sidebar Position)

Helo there,

i would like to know how to change the styles of the Submenu Items ? currently what i have is a list of strong texted items, i might need to change all submenu's to a different format which might be, items in boxes, text size will decrease a abit. i am sure you can come up with a css override for this,

at the same time i need to change styles in submenu modules which i have used in an article ({module 000}) to list our products and services, if you visit our products and services main page you would able to see. currently its also the same format, but i need to change only those items by using a module suffix or something, need text to be smaller, different color .etc maybe bullets before each item names,

Looking forward to hearing from you,

Thank you and Best Regards,

Hi

I'm not sure if I understand. Do You want me to determine the css selectors for some elements ? If yes than tell me the exact url to this elements can be found and explain which one is it. A screenshot with underlining the element would be best.

Dear Teitbite,

Thank you for your reply and sorry for being not specific.
1. I have used level 2 menu's as submenu's in each category, Ex: when you go to open a single product from the main menu you can see all other products in right side as a vertical menu. i need to change styles of it.

Ex: visit - http://sisco.webs.lk/products-services/ ... -equipment



Need a CSS override or something to change styles of the menu i have pointed with the red arrow. this is for the whole website, all the vertical menus on this website will be changed to new style.


2. Then there is another section that i have gathered products, services, manufacturing .etc, on one page, menu modules are called in to an article, using module ID ({module 000}) on the article code.

Visit : http://sisco.webs.lk/products-services



In this case, i just want to change styles of these four on this specific page, now sure how can it be done, i need to make the text smaller, reduce the gap between text lines, maybe the way i have done it is wrong and hard to change styles here, i am open for suggestions.

Looking forward to hearing from you,

Thank you very much.

Thisara

Hi

1. A style of links in this menu can be changed by using a style selectors as:

Code: Select all

.box .menu li a {
fons-size: 10px;
color: red;
}


if this changes should be used only in sidebar menus than use this code like that:

Code: Select all

#gkSidebar .box .menu li a {
fons-size: 10px;
color: red;
}


2. This menu can be modified with a style used like this:

Code: Select all

.uk-grid .menu li a {
fons-size: 10px;
color: red;
}


Dear Taitbite,

Thank you very much for the clear and awesome fixes it works well problem solved.

Best Regards,

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro