overriding css

Dear all!
On my page (darmolandia.pl) I use gk_music free and I wanted to add second breadcrumbs on the bottom of my page (gk_footer).
So, I added breadcrumbs module, set it as "footer_nav", and than I entered "Module Class Suffix" as "(space)breadcrumbs2".
Than I endabled override function in my template and added in my override.css code:
.breadcrumbs2 {
border-top: none;
color: #0002FF;
float: left;
font-size: 8px;
font-weight: bold;
line-height: 1;
padding: 2px;
}
The problem is that It didn't work. Could you please advice what I'm doing wrong?

PS. Is it possible to separate modules in footer_nav by <br /> or <div>? Where can I find the php code for footer_nav?

Thanks for reading this and any hep.
Have a nice day!
Best,
Wojtek

Hi

Not all module positions accepts module class suffixes. Some are predesigned and this option was removed on purpose. Of course it still can be customized but You need to use a css selector as it states in code. Please show me Your site so I'll tell You what selector is it in Your case.

Dear Teitbite,
as I wrote before, site address is darmolandia.pl.

Best,
Wojtek

Hi

This is a very hard question. I would advice not to add a second menu but put all elements to one menu in footer. It's important because 2 menus will break mobile layout. Also here is some of the classes I would add here:

Code: Select all

#gkFooter > p {
    color: #666666;
    float: right;
    line-height: 45px;
    margin: 0;
}

#gkFooter > div {
    float: left;
    font-size: 12px;
    line-height: 45px;
}

#gkFooter > div b {
    line-height: 45px;
    color: #666666;
}