Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #322035

    Hello, for some reason when this page gets loaded the text box at the top of the page saying “Pursuing and Researching Happiness” appears, then disappears, and then appears again. It’s almost as if there is a fade-in element to it, but of course there is no such setting like that. It’s just a simple text box with simple CSS coding (included below) to give it a background. Any idea how I can make appear and stay so it doesn’t fade out and come back?

    Link: http://www.adampervez.com/new-home/

    Thanks!

    
    #asdf .av_textblock_section {
    background: #000;
    filter: alpha(opacity = 85);
    background: rgba(0, 0, 0, 0.5);
    display:inline-block;
    margin:0 0 1px 0;
    padding:10px 15px;
    margin-left: 20%;
    width: auto;
    margin-top: 55%;
    }
    
    #322126

    p.s. Issue is most prominent in Chrome.

    #322766

    Hi!

    Try using this code instead:

    #asdf .av_textblock_section {
    background: #000;
    filter: alpha(opacity = 85);
    background: rgba(0, 0, 0, 0.5);
    display:inline-block;
    margin:0 0 1px 0;
    padding:10px 15px;
    margin-left: 20%;
    width: auto;
    margin-top: 55%;
    
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    -moz-animation: none;
    -webkit-animation: none;
    animation: none;
    }

    Best regards,
    Josue

    #323187

    Thanks so much for the reply. I added the bits of code you suggested and the issue still exists.

    You can see a reload video here to see the issue: http://screencast.com/t/2c6ru0g0Ncpn

    Any other ideas? Could it be somehow related to the animated numbers in the color section below somehow?

    Thanks!

    #324167

    Hi!

    Thank you for the update.

    There’s an animation applied on the actual section. Try using this:

    .js_active .av-minimum-height .container {
    opacity: 1;
    }

    Cheers!
    Ismael

    #324524

    You’re the man, Ismael!

    That trick worked perfectly. Daghang salamat nimo!

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Text Box Fades In On Page Load’ is closed to new replies.