Dev Question – How to add own CSS to admin preview?

  • Resolved Anja

    (@ahdeubzer)


    8 years ago

    Hello dear MetaSlider-Team,

    I have deactivated the MetaSlider-CSS because I made my own responsive style.
    But now if I click ‘Save & Preview’ I get a iframe with the slider without CSS. I understand why but – here comes the question – how can i add my css-Styles to this iframe?

    Adding it to my admin.css didn’t help since it is a iframe.
    Is there a filter, maybe with METASLIDER_DEFAULT_PARAMETERS?
    Any hint/help would be a big help ??

    Thanks a lot
    Anja

Viewing 2 replies - 1 through 2 (of 2 total)
  • matchalabs

    (@matchalabs)

    Hi Anja,

    You would need to add your styling to the theme or via a custom CSS plugin.

    To view the styling you could create a test page with the slider instead of using the ‘Save & Preview’ feature as adding the custom CSS here isn’t possible as the filters are located in the theme which isn’t loaded in the admin.

    Thanks,
    Dave

    Thread Starter Anja

    (@ahdeubzer)

    Hi Dave,
    and Thank you for your answer.

    I added the styling already to my child-theme but I was wondering how to add it to the preview frame because my client wants to see it there too.

    But since there is no way (no filter) to do that – I edited the iframe-HTML inside the plugin (ml-slider.php from line 549 on). I am aware that I need to redo that change with every update but I have a satisfied customer! ??

    Maybe you consider offering a way to add custom-css to the preview for the pro-license users in the future?! I know this is a very special dev-request ??

    Thanks again for your time
    Anja

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Dev Question – How to add own CSS to admin preview?’ is closed to new replies.