Okay
  Public Ticket #1942087
How to change accent color?
Closed

Comments

  • nextriot started the conversation
    March 21, 2019 at 12:49am

    Hi.

    How can I change the default orange color on the menu hover states, footer background, and carousel arrows?

    I've disabled the Elementor default styles, but I can't find where the theme colors are applied from, and where I can edit them.

    Thanks.

  •  675
    Neuron replied
    March 21, 2019 at 10:29am

    Hey,

    Please check on the Appearance > Customize > Style. That's where we store our style options.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • nextriot replied
    March 21, 2019 at 5:08pm

    Thanks. That doesn't seem to have options for hover state, or the footer though. 

    I've attached an image showing what I'm trying to change from within Appearance > Customize > Style - and as you can see the options for those items (footer background, highlights, accent colored text, arrow hover states) seem to not be present.

    Could you tell me how to edit those please?

  •  675
    Neuron replied
    March 22, 2019 at 10:42am

    Hey Nextriot,

    I am sorry for these issues. Till we release a new update which fixes these issues, please apply the Custom CSS below, I will mention for each step.

    1) The first one is built with Elementor and you'll be able to change the color through it.

    2) The selector for the arrows hover is.

    .owl-carousel .owl-nav button:hover {
    background-color: your_color !important;
}

    3) The selector for the dots is:

    .owl-carousel .owl-dots button.active span, .owl-carousel .owl-dots button:hover span {
    background-color: your_color !important;
}

    4) As for the footer, simply add.

    .l-primary-footer.l-primary-footer--dark-skin .l-primary-footer__widgets {
        background-color: your_color !important;
    }

    And for the border top line:

    .l-primary-footer {
    border-top-color: your_color !important;
}

    Feel free to ask for anything you need.

    I am sorry for all these Custom CSS, but they will get the job done until we release an update.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.