[SOLVED] CSS on CB module login

Hello,

I've created an override for the mod_cblogin, created a class applied to the module, created the rule into my css but I can't reach the target for the property of the image size on this module while you are identified.
I'm using the boostrap / J4 version, tried lots of things...
Can't make it.
Could you help ?
Thanks !

Ok, cache issue

.uk-navbar-item.classecb

Worked perfectly fine, all gud, thansks !

Well, I have an other issue. It's about the login / logout button.
I can make it disapear, but I can't find the class of the specific module, so it is hidden on every module of CB Login...
I have created an additionnal class on the login module ( the same class on login/logout .something but I can't point the property...)

Any help ?
Thanks !

Edit your CB Login Module then under the Styles tab for "Login Button CSS Class" and "Logout Button CSS Class" add the CSS class "hidden". That should hide the buttons.

Ok, thanks, so this works , for the size of image :

/* Avatar login CB ok*/
.uk-navbar-item.classecb {
max-width: 90px;
}

To let you know, this works better not to have space in the hidden field

.mylogincb{
display: none;
}

Only issue is that while pointing to this
index.php?option=com_comprofiler&view=login

The CSS is applied into the component view.
And I'd like not to (or have a different css applied here)

I'm trying to apply the css to the menu link rendered page, added the class
mylogincbcomponent
, but how can I access the property

mb-2 mod-login-logout__login-avatar login-avatar cb_template cb_template_default

From that class from the component menu link ?

I tried this, but no luck

.mylogincb.componentmb-2 mod-login-logout__login-avatar login-avatar cb_template cb_template_default{
display: true;
}

.componentmb-2 mod-login-logout__login-avatar login-avatar cb_template cb_template_default.mylogincb{
display: true;
}
Thanks

The login page uses the first CB Login Module that's available. Put your first login module in a None position so it doesn't display in any module positions but CBs login page will use it. Next remove the hidden CSS class. Now make another module that you'll be using on your various menu items and add hidden back to the CSS class parameters.

As for your CSS I cannot help you with custom coding. Your CSS issues have nothing to do with CB directly and are not working because you are not writing valid CSS selectors. If you need help learning CSS to write valid CSS I suggest starting below.

developer.mozilla.org/en-US/docs/Learn/CSS/First_steps