Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 6, 2023 at 9:57 pm #1424834
    BenjaminSpeedtsberg

    Is this possible to do, in some way?

    If possible, I need to style both main menu links and sub menu links. And make sub menu background transparent.

    November 7, 2023 at 3:42 am #1424852
    Nikko

    Hi BenjaminSpeedtsberg,

    It’s possible, you can add this in Enfold > General Styling > Quick CSS:

    #top #header:not(.av_header_transparency) {
    position: absolute;
    padding-top: 15px;
}

#top :not(.av_header_transparency) .header_bg {
    background-color: transparent;
    opacity: 0;
}

#top :not(.av_header_transparency) li a .avia-menu-text {
    color: black;
}

    As for the logo, we can’t change the color of the image but we can add a background color to it:

    #top #header:not(.av_header_transparency) .logo {
    background-color: black;
    border-radius: 10px;
}

    Hope it helps.

    Best regards,
    Nikko

    November 7, 2023 at 7:28 am #1424878
    BenjaminSpeedtsberg

    Looks great from my end! And if I want to change the color for a specific page, where to out the .page_id_xx?

    Is it possible. to recolor the svg logo maybe like this: 

    {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0);
}
    November 7, 2023 at 7:29 pm #1424954
    BenjaminSpeedtsberg

    The filter css worked for the logo.

    Just need to style the text color specific for the pages.

    And last thing, transparent sub menu.

    November 8, 2023 at 5:34 pm #1425009
    Nikko

    Hi Benjamin,

    For specific pages, just replace #top with #top.page-id-xx
    As for transparent submenus, I checked the pages and I think you have already done it.

    Best regards,
    Nikko

    November 9, 2023 at 8:55 am #1425080
    BenjaminSpeedtsberg

    Thanks,

    And yes, I think I figured out the rest.

    November 10, 2023 at 3:26 am #1425185
    Nikko

    Hi Benjamin,

    I’m glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Change menu and sub menu font color specific for each page’ is closed to new replies.