WordPress.org

Ready to get started?Download WordPress

Forums

Meta Slider
[resolved] Having difficulty finding the div tag to edit element style you coded. (3 posts)

  1. bearkrust
    Member
    Posted 2 months ago #

    Hi!

    I have searched your plugin files and cannot locate this div tag below. Is code creating its own code or what? :) Because why is this so hard to find? I know I didn't add the following element.style.

    Will you please tell me where you put the following div tag? I am needing the height to be 230px and not 0px. And, totally ignoring the fact that div tag styles override css, I tried adding height: 230px; to .flex-viewport css just because I having absolutely no luck in finding the div tag.

    Anyway, here's the div tag that is doing a darn good job hiding itself from me in the Meta Slider plugin files:

    <div class="flex-viewport" style="overflow: hidden; position: relative; height: 0px;">

    Thanks for your help.

    https://wordpress.org/plugins/ml-slider/

  2. bearkrust
    Member
    Posted 2 months ago #

    It is what it is -- a mystery. That's alright. I found the solution to working around this ghost code on the site below:

    http://css-tricks.com/override-inline-styles-with-css/

    Basically, just open up your theme's stylesheet, or style.css -- do not open any of the plugin's stylesheets -- and do the following:

    Take the div class name which is flex-viewport (don't forget to add the '.' before the name which represents class) and add whatever style you want to override the ghost div tag inline styles. Like so:

    .flex-viewport {
    height: 230px !important;
    }

    That's it! Nothing else needs to be done.

  3. Matcha Labs
    Member
    Plugin Author

    Posted 2 months ago #

    Hi bearkrust, the .flex-viewport markup is created dynamically with JavaScript, that's why you won't find it in the meta slider files :)

    Regards,
    Tom.

Reply

You must log in to post.

About this Plugin

About this Topic