How to customize the JAt4 T4bs5 template dropdown menu

noyer71

My site is now in J4.2.7, and I use the JAT4 - T4bs5 template.
I would like to customize the drop-down menu: Background and link color.
Also the right and left module titles!

How to do this?

Thank you so much,
Best regards,
JMN
A bit like this!

saguaros

noyer71 Hi

I think you could try to use Inspect Element in browser you're using, right click on any element, you will see how it's styled and customize as you wish.

Something like this:

.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item {
    color: #ffffff !important;
}

.t4-megamenu .dropdown > .dropdown-menu {
    background: #7d7777;
}

and put into the custom.css file of template.

noyer71

Good morning,
Thank you for your reply !
I'm going to do some tests, in fact you have to change the colors in the template.css, and reload it via FTP!
Is that all there is to do?
THANKS !
JMN

noyer71

Good morning,
I tried and it works for the drop-down menu, I would also like to modify the background of the horizontal menu as well as the background of the titles of modules in position sidebar-l and sidebar-r.
See screenshot.
How to do ? I don't see how to modify in template.css!
THANKS !
JMN

saguaros

With this kind of css customization, you can use Inspect Element in your web browser >> right click on any element that you want to customize style, it will show you how it's styled now and customize as you wish.

Let me take module title in left sidebar as sample:

.sidebar-l .module-title {
    background: #333;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}