Support » Theme: Twenty Twenty » Subpages: Change background color in third level of a subpage or more

  • Resolved Anonymous User 17836910

    (@anonymized-17836910)


    Hello.

    Yesterday, I read a post in this forum about how to change the background colour in subpages and added that code to my website, however, I realised this only is applied to the first subpage level.

    I am not sure If I am doing something wrong. This is the code I have right now:


    body:not(.overlay-header) .primary-menu ul {
    background-color: #139576;
    }
    body:not(.overlay-header) .primary-menu > li > ul::after {
    border-bottom-color: #139576;
    }
    .primary-menu ul::after {
    border-bottom-color: #139576;
    }

    Also, I attached an image of the colour I would like to change.

    Thanks

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

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

    (@alchymyth)

    to change the background color of the third submenu (‘administracion secreta’) and lower (including those little white triangles in your image), try just this CSS:

    body:not(.overlay-header) .primary-menu ul ul ul {
    background-color: #139576;
    }
    body:not(.overlay-header) .primary-menu ul ul ul:after {
        border-left-color: #139576;
    }
    Thread Starter Anonymous User 17836910

    (@anonymized-17836910)

    Thanks.

    It works.

    I just did a small change on “ul” because there was one sublevel in “white”.

    This is the final code I have now:


    body:not(.overlay-header) .primary-menu ul {
    background-color: #139576;
    }
    body:not(.overlay-header) .primary-menu > li > ul::after {
    border-bottom-color: #139576;
    }
    .primary-menu ul::after {
    border-bottom-color: #139576;
    }

    body:not(.overlay-header) .primary-menu ul ul {
    background-color: #139576;
    }
    body:not(.overlay-header) .primary-menu ul ul:after {
    border-left-color: #139576;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Subpages: Change background color in third level of a subpage or more’ is closed to new replies.