Support » Plugin: Meta Slider » Having difficulty finding the div tag to edit element style you coded.

  • Resolved bearkrust



    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

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • It is what it is — a mystery. That’s alright. I found the solution to working around this ghost code on the site below:

    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.

    Plugin Contributor matchalabs


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


Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Having difficulty finding the div tag to edit element style you coded.’ is closed to new replies.