Forums

Chronoform and ChronoConnectivity's header shares the same class with Joomla backend's header

webbusteruk 01 Mar, 2019
We are using a plugin which applies custom CSS to Joomla's backend. One of the Joomla elements altered is the header, which has the class "header".

Unfortunately chronoforms and chronoconnectivity's headers also has the class "header", resulting in unwanted style changes on CF6 and CCv6's pages.

Can you change your headers' class to something different from Joomla's headers?
healyhatman 01 Mar, 2019
I'm going to go with "probably not". You could always edit the plugin's CSS files to not apply to .ui classes
webbusteruk 02 Mar, 2019
Unfortunately the plugin (Joomla Admin Branding) is pretty basic, it only lets you input the header background colour and then the plugin applies it into its pre-written CSS.
healyhatman 02 Mar, 2019
I doubt the dev is going to rewrite the whole component because one plugin has a CSS conflict. You'd be better off like I said editing the plugin's code, especially if it's only a basic plugin like you said.

What CSS specifically is conflicting? What does the plugin actually do, what's it for?
webbusteruk 02 Mar, 2019
No need to rewrite the whole component, just not to use the class "header" which is already used by Joomla's backend. Or use a different class instead.

The plugin is a 'reskin' of the Joomla backend, to customise the look of the backend. I know templates do something similar but the plugin basically just applies some CSS.
The plugin's settings page lists Joomla backend's elements that we enter eg background colour and it'll apply it. Unfortunately as we want to change Joomla's header, CC6/CF6's headers get changed as well because they share the same "header" class.

Joomla's default backend template (isis) does not seem to allow custom CSS.
healyhatman 02 Mar, 2019
If you mean this bit, I'm not sure that's CF putting that in there. Can you screenshot the problem you're having and the code where it's happening? I can't replicate because I'm not spending $15 on the plugin.

webbusteruk 03 Mar, 2019
I think you misunderstood.

Joomla's header has the class "header" (as shown in your screenshot).

CF6/CC6 also has several elements with the class "header".

If you apply CSS to the class "header" because you want to change Joomla backend's look, CF6/CC6's pages get altered as well.

Suggestion: CF6/CC6 shouldn't use the same class that is used by Joomla, because of unwanted style changes when trying to apply CSS to Joomla elements.
healyhatman 03 Mar, 2019
Ah yep I see them now. Pretty unlikely those are going to be changed, it'd impact on too many sites and they're core/standard Semantic UI classes. You're better off editing the code of the plugin you're using so the CSS it generates have :not(.ui) appended to them. Like this
header:not(.ui) { balahblah; }

Also if you google you can in fact apply custom CSS to the ISIS template.
This topic is locked and no more replies can be posted.

VPS & Email Hosting 20% discount

{item:title} {images:#}