1. Helix3
  2. Saturday, 27 July 2019

I have had an issue occur this week when using Helix 3-based templates and EasyBlog from StackIdeas.

If I use CSS compression, it breaks any page showing the blog, whether it's a standard menu set to show the blog, or a page with any EasyBlog modules included (e.g. Recent Posts, News Ticker etc.).

I have spoken with StackIdeas support as I initially thought it was an issue with their latest update, however they came back and advised I log this with yourselves, since the CSS compression within Helix 3 is causing incorrect values within the conmpressed CSS file:

StackIdeas reply start:______________________

After check further, it seems like that is helix framework compress CSS issue, perhaps you can report this issue to this template developer and see how it goes?

Easyblog Original CSS :

#eb .swiper-button-prev,
#eb .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fhttp://www.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E";);
left: 10px;
right: auto;

After Helix template enable Compress CSS feature :
#eb .swiper-button-prev,#eb .swiper-container-rtl .swiper-button-next{background-image:url('/components/com_easyblog/themes/wireframe/styles/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Dhttp%3A%2F%2Fhttp://www.w3.org%2F2000%2Fsvg%20viewBox%3D0%200%2027%2044%3E%3Cpath%20d%3DM0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%20fill%3D%23007aff%2F%3E%3C%2Fsvg%3E');left:10px;right:auto}

Especially those data URI value compressed wrong value so caused this issue.


StackIdeas reply stop______________________________________________________

They sent the attached screenshot which may be of help - is this something that can be addressed within Helix 3 and a future update?

Thanks for any help,

Attachments (1)
Responses (3)
in that case, disable CSS compression from Helix, and install JCH Optimize or similar plugin for CSS compression.

Conflicts are beyond our support.
  1. more than a month ago
  2. Helix3
  3. # 1
Hi Paul,

Thanks for that, it's a shame however I will pass that back to StackIdeas who asked me to get in touch with yourselves.

I don't like using extensions unless absolutely necessary, so prefer native template compression, but will look at JCH again.

I hope this doesn't affect any other extensions though, as StackIdeas suggest this is certainly a bug in how Helix 3 is handling some of the CSS compression.

  1. more than a month ago
  2. Helix3
  3. # 2
I agree, but as you know for Helix3 updates are very rare. And you have to find solution now.
  1. more than a month ago
  2. Helix3
  3. # 3

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

This forum is archived

This forum has been archived. Please use JoomShaper official support system.