Buy Now
Sign in

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

W
webbusteruk 116
March 01 2019, 16:07 #384318
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 7
March 01 2019, 23:25 #384330
I'm going to go with "probably not". You could always edit the plugin's CSS files to not apply to .ui classes
Web developer at SkySpider.com.au - I DO NOT work for ChronoEngine!
Donations: paypal.me/healyhatman
Professional Work: kamron@skyspider.com.au
Custom CF / CC Plugins and Extensions: skyspider.com.au/store
W
webbusteruk 116
March 02 2019, 05:33 #384336
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 7
March 02 2019, 05:38 #384337
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?
Web developer at SkySpider.com.au - I DO NOT work for ChronoEngine!
Donations: paypal.me/healyhatman
Professional Work: kamron@skyspider.com.au
Custom CF / CC Plugins and Extensions: skyspider.com.au/store
W
webbusteruk 116
March 02 2019, 23:12 #384357
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 7
March 02 2019, 23:40 #384358
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.
Web developer at SkySpider.com.au - I DO NOT work for ChronoEngine!
Donations: paypal.me/healyhatman
Professional Work: kamron@skyspider.com.au
Custom CF / CC Plugins and Extensions: skyspider.com.au/store
W
webbusteruk 116
March 03 2019, 12:38 #384371
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 7
March 03 2019, 12:46 #384372
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.
Web developer at SkySpider.com.au - I DO NOT work for ChronoEngine!
Donations: paypal.me/healyhatman
Professional Work: kamron@skyspider.com.au
Custom CF / CC Plugins and Extensions: skyspider.com.au/store