Premium Theme Support › Pro Theme Design › Chronicle

Color the arrows/darts of the red bar

  • Author
    Posts
  • #137237

    gianlucarossi92
    Member
    Original poster

    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: intellettualemoderno.com

    #137240

    gianlucarossi92
    Member
    Original poster

    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: https://imgur.com/a/dICWf4Y

    Thanks :)

    #137241

    gianlucarossi92
    Member
    Original poster

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

    #137246

    binarymoon
    Theme Author

    The arrow can be changed with:

    nav.menu-primary .menu li.page_item_has_children>a:after, nav.menu-primary .menu li.menu-item-has-children>a:after {
border-top-color: #ffffff;
}

    The menu position is:

    nav.menu-primary .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.

    #137251

    gianlucarossi92
    Member
    Original poster

    Great. Thank you

    #137254

    gianlucarossi92
    Member
    Original poster

    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?

    #137255

    gianlucarossi92
    Member
    Original poster

    Look: https://imgur.com/a/hlWnhNX

    #137259

    binarymoon
    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 :)

  • Author
    Posts

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