Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 13, 2017 at 10:37 am #888260
    changegroup

    Hi Team Enfold

    We have a challenge changing the background color of a single full width submenu.

    We use the following css to style the submenu:

    .academymenu .av-subnav-menu .current-menu-item .avia-menu-text {
    color: #3c4749 !important;
}
.academymenu .av-subnav-menu a {
color: #b7b7b7 !important;
font-family: 'Arial' !important;
font-weight: bold !important;
font-size: 13px !important;
}
.academymenu .av-subnav-menu > li.current-menu-item {
color: #3c4749 !important;
border-bottom: 2px solid #3c4749 !important;
}

    For background styling for the academymenu:

    .academymenu .av-submenu-container {
	background-color: red !important;
}

    or 

    #academymenu .av-submenu-container {
	background-color: red !important;
}

    But we can’t get the above styling to work for academymenu. But the styling works as:
    `av-submenu-container {
    background-color: red !important;
    }

    But that will change the background color for every full width submenu.

    Could you point us towards the right css code?

    December 14, 2017 at 6:51 am #888758
    Rikard

    Hey changegroup,

    I can only see the academymenu class in one item on the page you linked to, the menu just before the Akademi for konsulenter header. Is that the one you are having problem with?

    Best regards,
    Rikard

    December 19, 2017 at 9:40 am #890376
    changegroup

    Hi Rikard

    That is the one. It’s a class for a ‘ full width submenu’. Somehow I can only change background color for every ‘full width submenu’, and not only the one with class ‘academymenu’.

    Do you have a solution?

    Br
    ChangeGroup

    December 19, 2017 at 1:19 pm #890460
    Victoria

    Hi ChangeGroup,

    Can you disable caching and minification for now, please?

    Best regards,
    Victoria

    December 19, 2017 at 3:13 pm #890527
    changegroup

    Hi Victoria

    We actually want the whole full width submenu to have a background color.
    It’s white now, we want it to be fx. grey.

    Br
    ChangeGroup

    December 20, 2017 at 6:30 am #890700
    Rikard

    Hi,

    Thanks for the feedback, this CSS is working on my end when I check it in the browser:

    .academymenu {
  background-color:#ddd !important;
}

.academymenu ul li a {
  background-color:#ddd !important;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.