Remove unused CSS:Page Apeed Insights

@syosyo

Thank you for reaching out, as I see this is another mistake I made when adding the footnote delimiter syntax validation feature I should have added all the additional style rules as inline CSS right in the tag, or at least as internal CSS in the head or in a <?style> element next to the warning.

Also my adding it in the stylesheet contradicts the goal of tailoring minified stylesheets to the settings of the installation. But that was about not loading the CSS of the tooltips when the tooltip feature is deactivated, not about a few rules. But checking now I see that this validation error box amounts to over 0.4?kB of CSS.

Moreover, the delimiter syntax validation feature has never been explicitly requested, nor acknowledged when added in response to an issue caused by unbalanced delimiters raising 2?support topics (first at theme, then at Footnotes).

I will suggest that the developers remove the feature and its CSS altogether, or alternatively take this CSS off the stylesheet and move it to internal or better, to inline CSS:

* The div of class footnotes_validation_error gets style="border:4px solid red;padding:20px 40px;margin:20px 0;background:#ff000055;text-align:start" instead;
* The 1st paragraph gets style="font-size:20px;font-weight:700;text-align:center";
* The 2nd paragraph gets style="font-size:16px;font-style:italic";
* The 3rd paragraph gets style="font-size:14px;font-weight:700";
* The last paragraph gets style="font-size:12px".

Thank you very much for raising this issue. I apologize for getting it wrong once again.

Best regards.

• This reply was modified 3 years, 9 months ago by pewgeuges.

Hi,
I appreciate the quick response.

So how can I avoid this error?
Should I add some CSS tags? Or should I delete the CSS file?
It would be helpful if you could tell me specifically.

Best Regard

@syosyo

Sorry, if you require an instant fix I will suggest deleting the following code from the minified stylesheet used in your instance, e.g. footnotes/css/jqttbrpl0.min.css:

.footnotes_validation_error{border:4px solid red;padding:20px 40px;margin:20px 0;background:#ff000055;text-align:start}.footnotes_validation_error p:first-child{font-size:20px;font-weight:700;text-align:center}.footnotes_validation_error p:nth-child(2){font-size:16px;font-style:italic}.footnotes_validation_error p:nth-child(3){font-size:14px;font-weight:700}.footnotes_validation_error p:last-child{font-size:12px}

Sadly I cannot release instant bugfixes any longer. Please let me know if I can assist you further with getting this PSI recommendation done.

Kind regards.

• This reply was modified 3 years, 9 months ago by pewgeuges.

Hi,
I appreciate the quick response.

I removed the CSS tag as you instructed.
Then the error message disappeared from "Page Apeed Insights".
For now, I'm happy with this.

Thank you for your kind support.

Hi,

Happy to hear the issue is solved, thank you for letting us know how it works out in PSI.

I’m confident about the fix being in the next release as well. My apologies to all Footnotes users for impacting your websites. Thanks for bringing it up.

• This reply was modified 3 years, 9 months ago by pewgeuges.