Support » Theme: Dara » I need to change the navigation bar color

  • I need to change the navigation bar color from teal to #0e5ed1. I saw in one post to use the “Add additional CSS

    .menu-toggle {
    background-color: #0e5ed1;
    }

    It did not work. Also where do I find the .css style sheet for Dara? Please help. Thanks, Eloise

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi Eloise,

    Please try the following to change the navigation bar colour, which will give you this effect: https://prnt.sc/lighok

    .main-navigation {
    background-color: #0e5ed1 !important;
    }

    Let me know if this doesn’t work for you. 🙂

    Thank you so much, it worked, but where do I make this change so it is global. I had to go to each page and using Beaver Builder go to Css Layout & Javascript. It worked on every page, but I was just wondering if this is how I was suppose to do it. Also now I notice the Headings on the home page is still teal. Graphic Design, Web design and marketing. How do I change these? Again I thank you so much!

    Glad it worked, that CSS should have worked for all pages though. I’m not too familiar with what Beaver Builder is though, perhaps it’d work if you tried using the Customiser instead? https://codex.wordpress.org/Appearance_Customize_Screen

    For the headings, please try this CSS. By “Graphic Design”, do you mean “Print Design”? “Graphic Design” is an image, so the colour can’t be changed with CSS.

    a.fl-callout-title-link.fl-callout-title-text {
    color: #0e5ed1;
    }

    Feel free to change the HEX code to whatever you wish, but let me know if that doesn’t work. 🙂

    Thank you again it worked. Thank you, Eloise

    Happy to help. 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.