Footer Menu Carrot/Arrow Styling

Support
#1

I’m looking to remove the carrots/arrows on the footer menu - is there a simple CSS fix for this?

#2

Hi there,

Please add this code to the Global CSS:

.widget_nav_menu ul li a:before, 
.widget_meta ul li a:before, 
.widget_pages ul li a:before {
    display: none;
}

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

#3

Ooh la la! Gracias!

#4

De nada. :slight_smile:

#5

Ooffta! Forgot to ask about killing the padding on the footer menus as well. I’m looking to get it flush with the widget name.

#6

#7

Hi @djshott

You can use this CSS snippet:

.widget_nav_menu ul li a, 
.widget_meta ul li a, 
.widget_pages ul li a {
    margin-left: -10px;
}

Feel free to adjust the margin-left: -10px value as needed.

Thanks.

#8

So win! Much amazing!

#9

Glad you managed to get it working fine! you are welcome :slight_smile:

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.