Color the arrows/darts of the red bar

  • Author
  • #137237

    Quick question: what is the CSS to color white the small triangular arrows/darts in the red menu bar? (those that when I click on it, open the drop-down menu or menu curtain)

    The blog I need help with is


    Ah, I forgot something else about the red bar: can you move the texts (for example Home, and others) a little more to the left in the bar? In order to create space on the right at the end of the red bar, because in the bar the writing space is finished (I would like to insert a word a little longer). I refer to this:

    Thanks :)


    Obviously if there is a CSS with which I can change the value of the move :D


    Theme Author

    The arrow can be changed with: .menu li.page_item_has_children>a:after, .menu>a:after {
    border-top-color: #ffffff;

    The menu position is: .menu {
    padding: 5px 25px;

    The 25px refers to the horizontal position, so tweak that to reduce the amount of space either side of the menu.


    Great. Thank you


    Only now I notice a little problem. I moved the text in the red bar, but the separators (|) remained in the previous position. So they left little space to the left of the word … and lots of space to the right of the word.

    How to move the separators?


    Theme Author

    You can use:

    .menu-primary .menu li a {
    padding-left: 0;
    .menu-primary .menu .sub-menu li a {
    padding-left: 20px;

    This will give you a lot more space :)

The topic ‘Color the arrows/darts of the red bar’ is closed to new replies.