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

  1. bearkrust
    Posted 1 year ago #


    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.


  2. bearkrust
    Posted 1 year 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:


    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
    Plugin Author

    Posted 1 year 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 :)


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Meta Slider
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic