Color the arrows/darts of the red bar
-
AuthorPosts
-
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
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 :)
Obviously if there is a CSS with which I can change the value of the move :D
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.
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?
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 :)
-
AuthorPosts
The topic ‘Color the arrows/darts of the red bar’ is closed to new replies.