Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 19, 2014 at 6:10 pm #322035
    happinessplunge

    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%;
}
    September 19, 2014 at 10:02 pm #322126
    happinessplunge

    p.s. Issue is most prominent in Chrome.

    September 22, 2014 at 4:17 am #322766
    Josue

    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

    September 22, 2014 at 5:50 pm #323187
    happinessplunge

    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!

    September 24, 2014 at 11:23 am #324167
    Ismael

    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

    September 24, 2014 at 6:48 pm #324524
    happinessplunge

    You’re the man, Ismael!

    That trick worked perfectly. Daghang salamat nimo!

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