Okay
  Public Ticket #3418053
CSS of footer lists
Closed

Comments

  •  2
    aruback started the conversation
    July 19, 2023 at 6:26am

    Can someone please send me the custom CSS or explain to me how to get the Unordered Lists in the footer widgets to show some style? I would specifically like my widgets to look like this:

    SS.jpg

    #1) Style Right Widget >>>> Bullet Points (under OUTSIDE SERVICES)

    #2) Style Middle Widget >>> Triangles/Lines (under PAGES)

    Thanks in advance!

    Adam

    Attached files:  SS.jpg

  •  3,001
    Andrew replied
    July 19, 2023 at 8:52am

    Hello there,

    Thank you for reaching out to us.

    Try adding this CSS and let us know how that goes.

    #footer-outer #footer-widgets #nav_menu-2.widget_nav_menu ul li {
    list-style: none;
    border-bottom: 1px solid #fff !important;
    display: flex;
}
 #footer-outer #footer-widgets #nav_menu-2.widget_nav_menu ul li:before{
    content: "›";
    padding-right: 10px;
}
@media only screen and (min-width:1000px) {
  #footer-outer #footer-widgets .widget_nav_menu {
    padding-right: 25px;
  }
}
#footer-outer #footer-widgets .col #block-17 ul li {
  list-style: disc
}

    Try that and let us know how it goes.

    Kind regards,