Docs

[nedimhazar]

Hello,

I want the footer menu to have different background colour. So I chose to use the custom menu widget in the footer widget area. I added some css to the child menu stylesheet to make the menu horizontal. However I cannot get rid of the white background behind the text. I would also like to get rid of the arrow beside the current page li and put slashes between the links just like the footer menu (which I left on, just to compare).

Can you please help me?

My development site is: http://xtheme.nedimhazar.com
I am using x-theme 4.6.4 (the latest one)

I will send you the site credentials in the next post privately.

Thanks in advance for any help.

Best,

Nedim

[nedimhazar]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code :

.x-colophon .widget ul li {
    background: none;
    border: none;
}

Thanks

Joao

[nedimhazar]

Hi and thanks for the css which got rid of the white background.

Can you show me how to get rid of the ”<” on the current item?
Can you also show me how to put ”/” slashes between the menu items like in the original footer menu? See attached image.

Best,

Nedim

[Rupok]

Hey Nedim,

Let’s add this under Custom > CSS in the Customizer.

.widget_nav_menu .current-menu-item > a::after {
  display: none;
}
.widget_nav_menu .menu-item > a::after {
  content: "/";
  margin: 0 10px;
}

Hope this helps.

[nedimhazar]

Thanks a lot! That did the job!

Nedim

[Paul R]

You’re welcome! 🙂

[Author]

Posts