After Header Transparent Break

  • visionatsea

    (@visionatsea)


    10 years ago

    Hello,

    I am currently working with Virtue 2.4.1 theme and am running into a little issue. I would like to create a transparent line where the header meets the content area, so that the background image can be seen on this line. I have made my header an off color(usually white) so you can see more clearly where I am intending on having this “line”. I am not a coding wizard, however, I have been tweaking this theme by adding some excess .css to the theme and thought this might have a simple code that I am just overlooking. If I am unclear I am extremely sorry, I have been attempting to google search this for a couple of hours now and have had no easy way of wording it. Let me know if I need to elaborate anymore.

    Site: https://www.visionatseaphotography.com

    Thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • CrouchingBruin

    (@crouchingbruin)

    So, you want to see a gap just underneath the navigation menu?

    Add these rules to the Custom CSS option (Theme Options → Advanced Settings):

    .boxed .contentclass {
   margin-top: 25px;
}
.page.boxed #wrapper.container {
   background: transparent;
   box-shadow: none !important;
}

    Once you add those rules, it won’t look like that gap is transparent, but that’s because the part of the background image that lines up with the gap happens to be white. You can also add this rule, which will shift the background image up a little bit so the blue waves are lined up with the gap, and that will make the gap more apparent:

    body.page {
   background-position: 0% 50%;
}

    Thread Starter visionatsea

    (@visionatsea)

    Thanks a bunch!!! Exactly what I was looking for.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘After Header Transparent Break’ is closed to new replies.