Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 7, 2014 at 2:37 pm #261306
    bigtime32

    Hi,

    I am experiementing with the a height increase so I may display a larger logo (116px to 150px). I have increased it, but now I can see the page content behind it on the lower border. I know this is probably an easy fix, but I honestly cannot find an answer. Would appreciate it if you can help me out asap.

    url: pvatestsite.com/420

    look at the lower edge of the header and you can see what I mean. the very top of the slider shows through even though there is no scrolling. and becaause the logo has a white background, it really looks bad. I do not want this to show through no matter what height i adjust the header. on a side note, this did not occur in old versions of Enfold. Thanks.

    tjr3217

    May 8, 2014 at 6:37 am #261640
    Ismael

    Hey bigtime32!

    Thank you for using the theme!

    First of all, please remove the custom css that you added to change the height of the header. You can change that on Enfold > Header Layout > Header Size. Select custom pixel value. Change the opacity of the header background with this:

    .header_bg {
opacity: 1;
filter: alpha(opacity=100);
}

    Best regards,
    Ismael

    May 8, 2014 at 2:02 pm #261775
    bigtime32

    Thanks Ismael. I did not see the custom height option when I first looked in that section. Just missed it like a blind man. On the other issue, I decided to keep the opacity in the header and instead adjusted the padding like this:

    .html_header_top.html_header_sticky.html_large #main {
    padding-top: 150px;
    }

    Now I have the opacity and the proper spacing so it does not look weird. Thanks. As always, the support on this theme is top notch.

    Tim

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Header Opacity at Bottom Border After Height Increase’ is closed to new replies.