- This topic has 2 replies, 3 voices, and was last updated 3 years, 6 months ago by
.
-
Posts
-
I would also like to know how to customize the login and register buttons in the header?
Please view attachment image
Thank you
Hi there,
Thanks for getting in touch!
We provide support only during Belgian business hours (Monday to Friday, from 8:30 am – 5:30 pm CEST), and our current response time can be up to 1 business day. We’ve received your request and we’ll get you an answer ASAP.
We really thank you for your patience!
In the meantime, feel free to check out our documentation resources for more help:
Kind regards,
Hi Vantha, 🙂
Please be aware that to reduce repetition in CSS, and improve powerful runtime effects like theme switching, we use variables to customize our theme. The colors used to customize these buttons are the same used for the primary button. To change this colors, please go to Customize > Appearance > Buttons > Primary and set different colors.
In case you would like to set different colors only for these buttons, simply use the following code snippet to your website:
/* Register button */ #navigation .nav.navbar-nav 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 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 li.menu-item.menu-item--login .btn { background: transparent !important; color: var(--grimlock-button-primary-border-color) !important; border-color: var(--grimlock-button-primary-border-color) !important; } #navigation .nav.navbar-nav li.menu-item.menu-item--login .btn:hover { background-color: transparent !important; border-color: var(--grimlock-button-primary-hover-background-color) !important; color: var(--grimlock-button-primary-hover-background-color) !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. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.
If you want to go further with the customization of your website, we advise that you require customization work.
Regards,
Hi there,
This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!
Best regards,
The Themosaurus team.
The topic ‘Customizing LOGIN and REGISTER buttons in header’ is closed to new replies.
