Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Change the "login and register" Buttons color individual

This topic is resolved
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • Dominik
    Participant
    • 21 Topics
    • 54 Posts
    @dominik

    Hello mates,

    is it possible to change the Button colors individual without changing the color of the hole navigation bar? Maybe you will add individual settings in your next update or mabe you got an css code for me?

    Thank you so much.

    Themosaurusrex
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 2048 Posts
    @themosaurusrex

    Hi @dominik,

    Which button do you need to be changed?

    Thank you.

    Dominik
    Participant
    • 21 Topics
    • 54 Posts
    @dominik

    The register and login button in the navbar.

    I know i can change them via customizer. But i want them in totally different color. Is that possible?

    Jean-Pascal
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 615 Posts
    @themopteryx

    Hi @dominik,

    Unfortunately, there is no options for that.

    To change this, simply add the following code snippet to your website:

    
    /* Register button */
    
    #navigation .nav.navbar-nav.navbar-nav--login li.menu-item.menu-item--register .btn {
        color: var(--grimlock-button-primary-color) !important;
        background-color: var(--grimlock-button-primary-background-color) !important;
        border-color: var(--grimlock-button-primary-border-color) !important;
    }
    
    #navigation .nav.navbar-nav.navbar-nav--login li.menu-item.menu-item--register .btn:hover {
        color: var(--grimlock-button-primary-hover-color) !important;
        background-color: var(--grimlock-button-primary-hover-background-color) !important;
        border-color: var(--grimlock-button-primary-border-color) !important;
    }
    
    /* Login button */
    #navigation .nav.navbar-nav.navbar-nav--login li.menu-item.menu-item--login .btn {
        background: transparent !important;
        color: #fff !important;
        border-color: currentColor !important;
    }
    
    #navigation .nav.navbar-nav.navbar-nav--login li.menu-item.menu-item--login .btn:hover {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #000 !important;
    }

    To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.

    Pasting your code snippet there should do the trick for you.

    Also, it’s important to remember that we share snippet only to solve issues with our theme or by courtesy.

    Regards,

    Dominik
    Participant
    • 21 Topics
    • 54 Posts
    @dominik

    Awesome – thank you so much. That’s what i’m looking for. 🙂

    Themosaurusrex
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 2048 Posts
    @themosaurusrex

    Hi @dominik,

    I’m glad to read that @themopteryx has been able to help you! ?

    Cheers,

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Change the "login and register" Buttons color individual’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site