Change Color in Main Menu Header

Hi - I am using the theme "Luke & Sara." In the Main Menu Header, the different pages are separated by a pipeline symbol ( | ) and it is currently a green color. I would like to change the color of that division line but I cannot find where the CSS is to do that.
Please advise.
Thanks!

  • Rupok
    • Support Ninja

    Hi Cary Songy, how are you doing today?

    You can use the following custom CSS code to change the color from green to red of those pipe symbols:

    div[data-style="horizontal"] ul.menu > li.menu-item::after {
      color: #ff0000 !important;
    }

    You can replace #ff0000 with any color code you want. You can use this custom CSS Code in Global Theme CSS section inside your Upfront editor.

    Please let us know if this doesn't work or if you have any confusion. We will be glad to help.

    Have a nice day. Cheers!
    Rupok

  • Rupok
    • Support Ninja

    Hi Cary Songy,

    Please replace my previous custom CSS code with the following one, I've added the parameter to vertically align the pipes with the text.

    div[data-style="horizontal"] ul.menu > li.menu-item::after {
      color: #ff0000 !important;
      padding-top: 5px;
    }

    Please let us know if it doesn't do exactly the way you want. We will be glad to help further.

    Have a nice day. Cheers!
    Rupok

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.