How to set color of arrows in menu and submenu

  • Resolved xtrailrunner

    (@xtrailrunner)


    5 years, 10 months ago

    Hello,
    I could succesfully set .main-navigation ul li > a to color:white. Also the small triangle is white. Also the text of the submenu (“Angebote”) is white. Now I would like to change the color of the triangle pointing from the sub-menu to the main menu.
    Any hints how to define the selector ?
    Thanks
    Juergen

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Anonymous User 16453565

    (@anonymized-16453565)

    Hey, @xtrailrunner

    To do that, go to Appearance → Customize → Additional CSS and enter the following code:

    .main-navigation .has-children > a::after, .main-navigation .menu-item-has-children > a::after, .main-navigation .page_item_has_children > a::after {
  border-top-color: #fff;
}

    Let me know if that does it.
    Thanx.

    Thread Starter xtrailrunner

    (@xtrailrunner)

    Hi Snehal,
    thanks, but your code snippet has not the desired effect.
    Regards Juergen

    Thread Starter xtrailrunner

    (@xtrailrunner)

    Hi,
    I would also like to get rid of the triangle on the home page. The inspector says:
    .header.post-header::before and .header.post-header::after.
    But I don’t know how to suppress the triangle.
    Regards Juergen

    • This reply was modified 5 years, 10 months ago by xtrailrunner.
    Theme Author Anders Norén

    (@anlino)

    Hi @xtrailrunner ,

    This code will remove the arrow from the post header:

    .header.post-header::before,
.header.post-header::after {
   content: none;
}
    Thread Starter xtrailrunner

    (@xtrailrunner)

    Hi Anders,
    thanks. It is strange that the triangle disappeared one day ago without using your settings. You can have a look at it at https://www.gesundheitspraxis-naumann.de.
    My main challenge is still the triangle between menu (Angebote) and sub-menu (Kr?uterwanderungen) I would like to change its color.
    Regards
    Juergen

    Theme Author Anders Norén

    (@anlino)

    Hi @xtrailrunner,

    You can change that element with this piece of CSS:

    .main-navigation ul li > ul:before {
    border-bottom-color: blue;
}

    — Anders

    Thread Starter xtrailrunner

    (@xtrailrunner)

    Thanks a lot. That’s it.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to set color of arrows in menu and submenu’ is closed to new replies.