Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 11, 2019 at 11:10 pm #1077546
    hazelallturf

    Hi,

    I have managed to create the desired effect for my menu item Classroom > Blog however I can’t seem to get the correct css snippet to reference the entire box containing the title ‘Blog’ and the description below. I have mega menus throughout but only want to change this particular item.

    Please help!

    Thanks

    March 13, 2019 at 8:26 am #1078135
    Rikard

    Hey hazelallturf,

    I’m not sure I understand the problem you are having, could you try to explain a bit further or post a screenshot highlighting it please?

    Best regards,
    Rikard

    March 20, 2019 at 1:38 pm #1080810
    hazelallturf

    Hi Rikard,

    Sorry for the delayed reply.

    I have attached 2 screenshots of what I’m trying to achieve.

    Many thanks

    March 23, 2019 at 6:59 pm #1082156
    Mike

    Hi,
    Sorry for the late reply, as I understand you would like this only on the “Blog” item, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #menu-item-7952 {
    background-color: #f5f7f7!important;
    border-left: 2px solid #0d2c40!important;
    box-shadow: 0px 8px 24px rgba(0,0,0,.13) !important; 
}
#menu-item-7952 > ul {
    background-color: #f5f7f7!important;
}

    Please see the screenshot in Private Content area.

    Best regards,
    Mike

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