Conflict with slider CSS

  • Resolved shegy

    (@shegy)


    8 years, 11 months ago

    Hi,

    I really like your plugin, but there is an issue that I can’t seem to solve and is related to the Soliloquy slider.

    If I don’t disable CSS processing in your plugin then there is an issue with CSS in Soliloquy slider and some slider elements appear broken. The slider works, but proper styling is not applied.

    I checked logs of processed CSS files in FVM and nothing related to slider is listed there. So, I don’t have any idea which file should I ignore. I tried adding all those files listed in logs on the ignore list, but that didn’t help either.

    In JS logs there is one file related to Soliloquy, but nothing happens if I put that one on the ignore list.

    I’ve had similar issues with some other plugins on other sites, but there were always related files listed in logs that I simply put on the ignore list and that solved it.

    Do you have any ideas?

    Thanks in advance.

    Best,
    Marko

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Raul P.

    (@alignak)

    8 years, 11 months ago

    Hi,

    It doesn’t need to be a file related to Soliloquy, it could be a file that should be loaded for internet explorer only, for example.

    What’s the url of your site, so I can take a quick look?

    I suggest adding all css files to the ignore list (those that show up in the logs), save and then purge the cache.
    If all files are excluded, it must fix the issue.

    You would then, one by one, remove the css files in order to find which one needs to actually be excluded.

    Inline CSS or custom CSS might also affect things, depends on how the theme was built or if you have customized it somewhere.

    • This reply was modified 8 years, 11 months ago by Raul P..
    Thread Starter shegy

    (@shegy)

    8 years, 11 months ago

    Hey Raul,

    thank you for prompt reply.

    I suggest adding all css files to the ignore list (those that show up in the logs), save and then purge the cache. If all files are excluded, it must fix the issue.

    That was my first thought as well and I did that, but unfortunately that didn’t solve it. There are no more CSS logs in the Status tab cause all CSS files are ignored, but the issue is still there.

    Here is the link where you can check the issue http://anariel.com/maisha/front-page-with-slider/ . You’ll notice that the caption appears between main slide and thumnails and displays no text. It should be in the center of the main slide and with text.
    I left all CSS files on the ignore list.

    I tried switching to Twenty Seventeen theme and a couple of other themes and the same issue happens there as well.

    Hope we can find some solution for this. Thanks in advance.

    Thread Starter shegy

    (@shegy)

    8 years, 11 months ago

    Hi Raul,

    just to let you know that I’ve found the cause of the issue.

    It was a CSS related setting in the WP Fastest Cache plugin that I use alongside FVM. Once I disabled that option and enabled CSS processing in FVM there were no more slider issues.

    Have a nice day.

    Cheers

    • This reply was modified 8 years, 11 months ago by shegy.
    Plugin Author Raul P.

    (@alignak)

    8 years, 11 months ago

    yes, indeed you cannot have several plugins doing minification.
    Double minification breaks scripts and if wp has to duplicate work, it will also take double the time…

    Great it’s solved.

    Thread Starter shegy

    (@shegy)

    8 years, 11 months ago

    Hi Raul,

    unfortunately my conclusion was made too early. The issue is still there even with WPFC disabled:(.

    I’d appreciate if you could check it out yourself here http://anariel.com/maisha/front-page-with-slider/

    If you have any suggestions they are more than welcome.

    • This reply was modified 8 years, 11 months ago by shegy.
    • This reply was modified 8 years, 11 months ago by shegy.
    Plugin Author Raul P.

    (@alignak)

    8 years, 11 months ago

    If it works on chrome it should work on firefox.
    Make sure you clear your browser and other caches completely.

    Also, can you add some images to http://anariel.com/maisha/front-page-with-slider/ ?
    Its not clear how it should look… it appears fine to me, but it’s hard to tell.

    It might not be a css issue but rather a js problem.

    Try to disable html minification first and if it doesn’t work, try adding some of the js files to the ignore list until you find which one.

    A good candidate would be:

    /wp-content/plugins/soliloquy/assets/js/min/soliloquy-min.js

    Don’t forget to purge all caches.

    • This reply was modified 8 years, 11 months ago by Raul P..
    Thread Starter shegy

    (@shegy)

    8 years, 11 months ago

    Hi Raul,

    it actually doesn’t work in Chrome either. It was my mistake that made me believe it does.

    I purge cache every time I change something in plugin settings. I tried to disable HTML and added that JS to the ignore list, but nothing changes.

    The problems with slider display are:
    – no left and right arrows
    – caption box displays below the slide instead of on the slide
    – caption box text is not visible

    Gray images don’t make any difference.
    I added a caption box to every image now so it is easier to see http://anariel.com/maisha/front-page-with-slider/ .

    It should look like this https://www.anarieldesign.com/themedemos/maisha/front-page-with-slider/ .

    Let me know if you need anything else.

    Plugin Author Raul P.

    (@alignak)

    8 years, 11 months ago

    Does it work if you remove everything from the ignore list and leave only the disable js processing ticked?

    If you have a staging environment for this, send me the credentials via fastvelocity.com and I’ll take a closer look.

    Thanks.

    Thread Starter shegy

    (@shegy)

    8 years, 11 months ago

    No, when I remove everything from the list and disable js processing the issue remains.

    I can give you access to the dashboard so you can take a look.
    I’ll now send you credentials via contact form on your site.

    Plugin Author Raul P.

    (@alignak)

    8 years, 11 months ago

    I took a look and there are two things.

    a) there is a bug on the plugin that is stripping “some” footer css files. This one is already fixed on my dev version, and in a few hours will be pushed to ww.wp.xz.cn

    b) the second issue, is that we use PHP Minify to minify CSS… however, there seems to be a bug where it strips too much information, thus breaking the slider.

    I have opened an issue with PHP Minify developers at:
    https://github.com/matthiasmullie/minify/issues/184

    Meanwhile, the easier fix would be to disable CSS minification (tick the select box), but I’ll replace their PHP Minify version with my own minifier, if there’s no development on their end.

    Wait for a while, and the new version should be working, asap.

    Thanks.

    Thread Starter shegy

    (@shegy)

    8 years, 11 months ago

    Thank you for looking into that.
    Looking forward to the next version.

    Cheers

    Plugin Author Raul P.

    (@alignak)

    8 years, 10 months ago

    Not forgotten, but too busy recently.
    I’ll probably be able to test this during this week.
    Sorry for the trouble.

    Plugin Author Raul P.

    (@alignak)

    8 years, 10 months ago

    Hi,
    This has been fixed on 2.1.3

    Kindly update and purge all caches.

    Thanks,

    Raul

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Conflict with slider CSS’ is closed to new replies.