mistake in header navigation

  • hellblauervogel

    (@hellblauervogel)


    2 years, 1 month ago

    Dear All,

    I did make some really good progress with my Website and more and more I am understanding WordPress. But I am still not able to change the color of the header to the color of the footer. So that header and footer have the same color. I wrote in the additional CSS: 

    .wp-site-blocks {
    padding-top: 0;
}

footer {
    background: #EEEEE0;
}


header.wp-block-template-part {
    background: #EEEEE0;
}

.wp-block-navigation .wp-block-navigation-item a:hover{
color: #6947F3;
text-decoration: underline;
}

    Additionally I everywhere possible changed the background colour with the style tab to #EEEEE0.

    But now it looks completely weird. I do not see what the mistake is.

    Please kindly help me.

    Thank you in advance and greetings from Vienna,

    Angelika

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator jordesign

    (@jordesign)

    2 years, 1 month ago

    Hi @hellblauervogel,

    Looking at the site – it appears you have a Group block inside the header – which has a different background color set. The good news is that means you don’t need to resort to CSS.

    If you open the Template in the Site Editor (Appearance > Customize in your main menu you can make the change there. If you’re not using it yet, please click on the List View button in the top left:
    https://i.imgur.com/lc0Hx2A.png

    In that list you can click to expand the ‘Header’ block and see the Group block below it. Click on that to select it – and then you can edit the settings for the Group block to change the background color.

    Colors Settings overview

Viewing 1 replies (of 1 total)

The topic ‘mistake in header navigation’ is closed to new replies.