Customize Submenu Styles (Sidebar Position)

May 2014 Joomla Template
GK User
Sun Jul 24, 2016 8:17 am
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,
User avatar
Senior Boarder

teitbite
Fri Jul 29, 2016 8:00 pm
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.
User avatar
Moderator

GK User
Sun Jul 31, 2016 6:24 am
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

Image

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

Image

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
User avatar
Senior Boarder

teitbite
Tue Aug 02, 2016 1:34 pm
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;
}
User avatar
Moderator

GK User
Wed Aug 03, 2016 8:23 am
Dear Taitbite,

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

Best Regards,
User avatar
Senior Boarder

teitbite
Sun Aug 07, 2016 5:49 pm
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
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.
GavickPro website uses cookies. By continuing to use this website, you are giving consent to cookies being used. More details…×