Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 28, 2015 at 1:29 am #435747
    happinessplunge

    Hello,

    I have a color section with some animated numbers and a fixed background image. As I scroll down, as soon as I get to this section a transparent bar appears and moves down as I scroll, then disappears once it hits the next color section. I can’t figure out what is causing this, but I duplicated this section and removed section background overlay and that seemed to do the trick.

    Is there something I can do to remove this annoying transparent bar?

    Here are links to screenshots that better explain what I’m trying to accomplish
    Scroll 1
    Scroll 2
    Scroll 3

    And here is a link to the site.

    Thanks!

    April 28, 2015 at 12:37 pm #435967
    Rikard

    Hi happinessplunge!

    Please try adding the following to Quick CSS under Enfold–>General Styling:

    .page-id-19032 .container_wrap{
border-top-width: 0px !important;
}

    Best regards,
    Rikard

    April 28, 2015 at 3:41 pm #436106
    happinessplunge

    Hi Rikard!

    Thanks so much for the code, but unfortunately it didn’t change anything. The problem remains. Do you have any other ideas?

    Thanks again!

    April 29, 2015 at 7:07 am #436511
    Rikard

    Hi!

    What browser are you using when getting these results? When viewing your site I can only see the border of the elements which the code I gave should remove.

    Cheers!
    Rikard

    April 29, 2015 at 3:52 pm #436762
    happinessplunge

    Hi Rikard,

    I have reproduced the same problem with Chrome on two different computers, and on one computer it is reproduced in Chrome, Firefox, and IE.

    My monitor’s resolution is 1920×1080. When the browser is maximized to full screen I have the problem in all browsers, but when it’s not maximized and is any other size (including full 1920px width) then the problem does not occur. The image size is 1920×847 and I have it set to 50% of the browser height, so it should be fine.

    Could this be a bug?

    April 30, 2015 at 10:32 am #437292
    Kriesi

    Hey!

    the problem you are encountering is caused by the image not being large enough. On a big screen the section is larger than the image and therefore you see the grey background. If you either use an image with larger dimensions or set the image to “stretch to fit” you wont see the grey background: https://www.dropbox.com/s/a45oiqqawcg26l5/Screenshot%202015-04-30%2010.31.20.png?dl=0

    Cheers!
    Kriesi

    May 1, 2015 at 3:32 am #437882
    happinessplunge

    Thanks, Kriesi!

    It does seem to be working now. I appreciate your help and insight!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Transparent bar overlaying color section’ is closed to new replies.