Im actually having trouble with the hover state of the buttons. The clients wants it to be very visible that you're hovering over the button, but when I modify the CSS to be a different hover color, it does work. Instead when I looking into where its pulling the style its showing me index. But I dont where or how to change that.
I did you mentioned but the hover is still not working. Its still not clear the color change. I still see the CSS applied to the index file taking over the css of the theme.
Here is the link to the site. If you hover over these buttons, you will see that you cant tell the color change.
Hello, how do I change the color of the main navbar menu from White (see the highlighted section in the attached image) to another color?
Hi Mark
If you navigate to Appearance -> Customizer -> Theme Options -> Custom CSS paste the following in the textarea, only change the #yourcolor;
@media(min-width: 992px) {
.navigation { background: #yourcolor; }
.main-navigation::before { border-color: transparent transparent transparent #yourcolor; }
}
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Hi Mark,
Im actually having trouble with the hover state of the buttons. The clients wants it to be very visible that you're hovering over the button, but when I modify the CSS to be a different hover color, it does work. Instead when I looking into where its pulling the style its showing me index. But I dont where or how to change that.
Should I use the same method as you stated below?
Thanks,
Hi Luis
The code i wrote below is not for the buttons but for the navigation background color.
If you want to adjust the button hover color you can use custom CSS for it which you can add via Appearance > Customizer > Theme Options > Custom CSS.
If you only need to change the regular buttons you can use this:
.btn-primary:hover { background-color: #yourcolor; }
If you want to change every button that you can control with the 'Button Background Color' in the theme customizer please use this:
.btn-primary:hover, .wpcf7-submit:hover, span.wpcf7-list-item:hover, button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover, .post-item .vertical-center span:hover, .post-item .label-wrap .label:hover, .testimonials .testimonial-control:hover, .testimonials .testimonial-control:first-of-type:hover::before, .testimonials .testimonial-control:last-of-type:hover::before, .project-navigation a:hover, .pagination a:hover, .project-navigation a:focus { background-color: #yourcolor; }Where #yourcolor; is the color code where you want to change to.
Let me know if you have any questions.
Best regards,
Barry
QreativeThemes.com | WordPress Themes
I did you mentioned but the hover is still not working. Its still not clear the color change. I still see the CSS applied to the index file taking over the css of the theme.
Here is the link to the site. If you hover over these buttons, you will see that you cant tell the color change.
Any way to override that?
The attachment was how it should look. Here is the screenshot of the code I added
Hi Luis
Could you provide me a username and password with admin role. I will take a closer look what's going on exactly.
Thank you!
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Extra note: please create a new private ticket for that so your login credentials will be not visible for anybody else.
Best regards,
Barry
QreativeThemes.com | WordPress Themes