1. crimle
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Monday, 22 March 2021
  5.  Subscribe via email
Dear Ciaran

On my website I would like to use a content spoiler plugin that I found on JED. My website is on J51_Maya.
This is the spoiler code that I have to add to the article:

{spoiler}Add text here{/spoiler}

As soon as I add the spoiler code to an article, the font settings that are defined in the template are no longer respected. Example:

The settings for Template J51_Maya > Typography Styling are:
«Body Font Size» = «Large»
«Body font» = «Open Sans»
This works fine for articles that do not contain a spoiler.

On the other hand, articles that contain a spoiler have a different typography styling:
«Body Font Size» = «14px»
«Body font» = «Helvetica Neue", Helvetica, Arial, sans-serif»

In other words:
Instead of using Inline:22 the stylesheet nexus.css:231 is applied.

The issue seems to be template-related.
I tried with J51_Layla, which is a pretty new template.
With J51_Layla the spoiler plugin works as expected.

Thank you and kind regards
Chris
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chris

Would you have URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

The page without spoiler: https://playground.rimle.ch/
Font is «Open sans» 17px from Inline:3

The page with spoiler: https://playground.rimle.ch/spoiler-j51-maya
Font is «Helvetica Neue, Helvetica, Arial, sans-serif» 17px from nexus.css:231

Chris
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Chris

Strangely you extension appears to partially remove inline CSS used to load settings styles. Does adding the following to the Custom CSS field of your template settings resolve the issue?

body, .hornav ul ul, .hornav ul ul a {
color: #383838;
font-family: 'Open Sans';
font-size: 17px;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

this resolves the issue. But nevertheless: J51_Maya seems to handle inline CSS in a different way compared with J51_Layla.
With J51_Layla the spoiler plugin works as expected (without adding anything to the Custom CSS field of the template).

Thank you and kind regards
Chris
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok