• Closed
  • Heike
    Spectator
    13.10.2015 at 17:36 #21392

    Hi guys,

    I have some problems with my homepage.
    First off all it is not working for me to make the header transparent. If I select it the background of the header remains white. There is a shadow at the bottom of the header which I want to remove.
    http://prntscr.com/8qtxg3
    For the footer it worked very well.

    The second topic is that there are grey lines on all pages. Sometimes in the middle of the text, sometimes at the bottom of the page and sometimes at different places on the page. Maybe this lines are shadows at the bottom of the different areas of the page.
    http://prntscr.com/8qtxg3

    It would be great if you can help me with this problems.

    Cheers
    Heike

    Denzel Chia
    Moderator
    Posts: 2656
    14.10.2015 at 11:23 #21404

    Hi,

    Please post your website url.

    Thanks!

    Heike
    Spectator
    Posts: 4
    19.10.2015 at 11:23 #21503

    Hi Denzel,

    I found out that the grey lines are shadows, too, As a workaround I renamed the images shadow-top.png and shadow.png in …/wp-content/themes/evolve-plus/library/media/Images.
    So the grey lines disappear.

    For the header problem I tried to use custom css with the following:
    .home-content-boxes {background:none;}
    .header {
    padding: 20px;
    background-color: transparent;
    border-top: none;
    }
    .content-bottom {border-top: none;}
    .header, .footer {background-image:url(‘…/wp-content/uploads/2015/10/subtle_white_feathers.png’);}
    ul.nav-menu a {text-shadow: none;}

    But of course the background of header and footer is now moving while scrolling and I don´t like that.

    I will send you the URL in the next reply marked as private.

    Cheers
    Heike

    Heike
    Spectator
    Posts: 4
    19.10.2015 at 11:23 #21504
    This reply has been marked as private.
    Denzel Chia
    Moderator
    Posts: 2656
    20.10.2015 at 07:14 #21523

    Hi,

    Sorry, I don’t fully understand your question.

    I understand that you managed to remove the shadow lines.
    Other than that, I don’t understand what you want to achieve with your header and footer.

    Please kindly remove any custom css that you do not want.

    Thanks!
    Denzel

    Heike
    Spectator
    Posts: 4
    20.10.2015 at 09:07 #21531

    Hi Denzel,

    sorry for the confusion 😉
    I now removed all my custom css and all other changes which are related to the look of the page.

    Now, the main problem is related to the header and the footer of the page.
    As you can now see on my homepage, the header has a white background instead of a transparent.
    The settings for the footer are the same but the background is transparent.
    Even if I change the pattern in “Styling” -> “Header and Footer pattern” nothing happens and the background of both remains the same.

    Thanks for your help.

    Cheers
    Heike

    Denzel Chia
    Moderator
    Posts: 2656
    21.10.2015 at 10:35 #21551

    Hi,

    Something is not right with your header. But I cannot find the problem.
    Please try the following codes. See if it looks better.

    @media screen and (min-width: 768px) {
    .header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    }
    .menu-container {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    }
    #logo-image {
    margin: 30px 0;
    }
    }

    Thanks!

    Heike
    Spectator
    Posts: 4
    21.10.2015 at 12:31 #21554

    Hi Denzel,

    your code fixed the problem. Thank you very much.
    But the behavior is really strange, isn’t it?

    Do you think it is a good idea to completly delete the theme and reinstall it?

    Cheers
    Heike

    Denzel Chia
    Moderator
    Posts: 2656
    22.10.2015 at 09:24 #21574

    Hi,

    Yes, it’s strange.
    You can try re-installing the theme, but remove the custom css code first.

    Thanks!
    Denzel