Disable Template Styles on Joomla Plugins

trenton_hunt2
14 Posts
trenton_hunt2 posted this 25 May 2019

Hi,
I have some gallery plugins for Joomla, but they take on an awkward appearance inside my Nicepage template due to interference from the Nicepage themes (font, typography, etc.) So captions are too big, titles are underlined when they shouldn't be, etc.

Does anyone know some good CSS code to disable the template themes from affecting my gallery plugins?

I was able to pull this off in my old Artisteer templates, but I don't know the name of all the Nicepage elements I'd need to target and turn off.

Hi, I have some gallery plugins for Joomla, but they take on an awkward appearance inside my Nicepage template due to interference from the Nicepage themes (font, typography, etc.) So captions are too big, titles are underlined when they shouldn't be, etc. **Does anyone know some good CSS code to disable the template themes from affecting my gallery plugins?** I was able to pull this off in my old Artisteer templates, but I don't know the name of all the Nicepage elements I'd need to target and turn off.
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 27 May 2019

Hi John,

Provide a link to the page where we could see the issue with the styles and also some marked screenshots showing what exact elements you need to edit on that page.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi John, Provide a link to the page where we could see the issue with the styles and also some marked screenshots showing what exact elements you need to edit on that page. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
trenton_hunt2
14 Posts
trenton_hunt2 posted this 28 May 2019

The Gallery plugin having the problem can be seen at the link here:
http://behavior100.com/test/index.php

It's the gallery with the school children.
I've attached an image detailing how the gallery looks when it displays correctly and how it looks with the Nicepage template enabled.

I've coded around the problem on the ART page which features the gallery plugin. But rather than correcting each element of the gallery plugin (title size, spacing, etc) I figure there should be a way to keep the Nicepage style theme from affecting the plugin altogether.

The Gallery plugin having the problem can be seen at the link here: http://behavior100.com/test/index.php It's the gallery with the school children. I've attached an image detailing how the gallery looks when it displays correctly and how it looks with the Nicepage template enabled. *I've coded around the problem on the ART page which features the gallery plugin. But rather than correcting each element of the gallery plugin (title size, spacing, etc) I figure there should be a way to keep the Nicepage style theme from affecting the plugin altogether.*
Support Team
Support Team posted this 28 May 2019

Hi John,

It is strange that this component does not provide a complete list of styles for the gallery. In this case, the gallery developers assume inheritance of the theme styles by the gallery. But there is no guarantee that theme default styles will be compatible with the gallery. And theme styles cannot be disabled for one specific element on the page because the gallery is a part of the HTML page which uses linked CSS file. Therefore the only way to solve this style conflict is manual overriding theme styles for gallery elements. For example:

.super-list a{
   margin:0!important;
 }

This should fix space between images. All custom css can be added to the Nicepage Desktop >> Site Settings >> CSS tab.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi John, It is strange that this component does not provide a complete list of styles for the gallery. In this case, the gallery developers assume inheritance of the theme styles by the gallery. But there is no guarantee that theme default styles will be compatible with the gallery. And theme styles cannot be disabled for one specific element on the page because the gallery is a part of the HTML page which uses linked CSS file. Therefore the only way to solve this style conflict is manual overriding theme styles for gallery elements. For example: .super-list a{ margin:0!important; } This should fix space between images. All custom css can be added to the Nicepage Desktop >> Site Settings >> CSS tab. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments