• maxd44

    (@maxd44)


    Hi,
    I just noticed that I have two boxes at the bottom of my page that are invisible but when I hover over them they show up blue. I tried to inspect element but could’t figure out where these divs are coming from or how to delete them.

    I’m using virtue theme
    This is the code for inspect element

    <div class=”tcol-lg-4 tcol-md-4 tcol-sm-4 tcol-xs-6 tcol-ss-12 kad-animation homeitemcount2″ data-animation=”fade-in” data-delay=”300″ style=”opacity: 1; top: 0px;”>
    <div class=”infobanner” style=”background: url() center center no-repeat; height:110px;”>
    <div class=”home-message” style=”height:110px;”> </div>
    </div>
    </div>
    <div class=”infobanner” style=”background: url() center center no-repeat; height:110px;”>
    <div class=”home-message” style=”height:110px;”> </div>
    </div>
    <div class=”home-message” style=”height:110px;”> </div>

Viewing 1 replies (of 1 total)
  • Thread Starter maxd44

    (@maxd44)

    I figured this out. I checked inspect element and found div class home-message. I changed the opacity from 1 to 0 and scaled down the height. Now I no longer have two random blue boxes that would appear at the bottom of the page

Viewing 1 replies (of 1 total)
  • The topic ‘Two Random hover boxes at bottom of page’ is closed to new replies.