submenu items look

  • sacconi

    (@sacconi)


    8 months ago

    I’d like to have my submenu items each in a bordered rectangle, how can I do it?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    .sub-menu li {
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}

    That should be a start for you.

    To add or override CSS: use the “Additional CSS” option in the customizer.  https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress or at [site]/wp-admin/customize.php if you don’t have that menu option.

    Use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    Anil Ankola

    (@anilankola)

    Hi,

    Please add CSS code in your style.css file

    .testata ul > li > ul {
    min-width: 180px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05);
    padding: 0px;
    border: 1px solid #289CCB;
    background: #fff;
}
.testata ul > li > ul > li {
    padding: 0px;
    display: block;
    width: 100%;
    text-align: left;
}
.testata ul > li > ul > li > a {
    padding: 10px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #289CCB;
    text-decoration: none;
}
.testata ul > li > ul > li:last-child > a {
    border-bottom: none;
}
.testata ul > li > ul > li > a:hover {
    text-decoration: none;
}

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘submenu items look’ is closed to new replies.

Tags