Okay
  Public Ticket #1768673
Slider Revolution
Open

Comments

  •  1
    Sheryl L started the conversation

    Every time a slider loads, I see this ugly thing (see attached screenshot). As the first slide loads, it fades into the image, and it doesn't reappear when the slideshow loops. But anytime the page is refreshed or reloaded, it's there again. How can I get rid of it? I want the space to be just a blank white space until the first slide loads.

    Attached files:  2018-11-01 Revolution Slider.jpg

  •  114
    Charles replied

    Hi Sheryl, 

    Thanks for the question. I'm referencing this page - https://ethbcghana.com/admissions/campus-tour/

    From what I can tell, this css is being loaded by the Revolution Slider plugin (https://ethbcghana.com/wp-content/plugins/revslider/public/assets/css/settings.css) - see screenshot. 

    I would recommend identifying if there is css being added to the global css options, slide options, or if there is a shadow option being selected in the global options. From there, if all else fails, you could build a new slider or override the custom css (but this is not necessarily best practice, since you would need to modify a class selector that they likely have as an option). Here is the current: 

    .tp-shadow5::before, .tp-shadow5::after {
        content: "";
        position: absolute;
        z-index: -2;
        box-shadow: 0 0 25px 0px rgba(0,0,0,0.6);
        top: 30%;
        bottom: 0;
        left: 20px;
        right: 20px;
        border-radius: 100px / 20px;
    }

    Ideally, you would get the class removed by removing the option, but you could also do something as simple as this: 

    #page .tp-shadow5::before, #page .tp-shadow5::after {
        box-shadow: 0 0 0px 0px rgba(0,0,0,0);
    }

    Let me know what you find!

    Kind Regards,
    Charles

    Attached files:  Capture.PNG

  •  1
    Sheryl L replied

    I wasn't sure whether I was supposed to try your "simple" solution in the theme's custom css or in the plugin css. But I put it in the theme css to see what would happen, and HOORAY! It worked!

    I cannot image why they would hardcode something so awful into their plugin. 

    Thank you!!!