Support » Theme: Baskerville » How to set color of arrows in menu and submenu

  • Resolved xtrailrunner

    (@xtrailrunner)


    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)
  • 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.

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

    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 8 months, 3 weeks 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;
    }

    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 http://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

    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.