Themify product filter slider button colour

Hi,

Please send us a link to your website, to the page where you added the filter and let us know if the button should only be changed on mobile, without affecting the desktop button’s color.

https://meshop.lt/lt/parduotuve/
There is no button on dekstop, I would like to change it on mobile phone. Thank you.

Also I would like to know how to change colour in header menu navigation, on dekstop and mobile. Because when you move cursor from one option to another, above the letters appears same color line. The problem is that I have changed the line colour but it didn’t apply well and work well. Also with the word colour in mobile phone icon menu, when you are only moving cursor to the word it appears to have the same colour.

• This reply was modified 3 years, 5 months ago by ernestasv11.

Hi,

1. If you are referring to the gold color of the sticky sidebar toggle ( that opens your sidebar with the filter ) it can be changed by adding this CSS to wp-admin > Appearance => Customize > Custom CSS:

@media screen and (max-width: 760px) {
.sticky_sidebar_enabled #toggle-mobile-sidebar-button {
    background: #f00;
}
}

2. You can change the color of the menu lines with this Custom CSS:

#main-nav > li:hover > a:before, #main-nav > .current_page_item > a:before, #main-nav > .current-menu-item > a:before, #main-nav > .current_page_item > a:hover:before, #main-nav > .current-menu-item > a:hover:before {
color: #62c491;
}

Please let me know how it works.

It all worked out, except for the sidebar. There is also the same colour button in Shop page ( Parduotuve ) but in the categories like Women or Men ( Moterims or Vyrams ) the colour has changed.

There is also 1 more problem in mobile phone icon menu, when you move cursor to the page buttons in icon menu, the word switches to the gold colour. I want to change the colour. Thank you!

Hi,

Please send us a link to the page where we can see the sidebar color issue and also send us a link / screenshot about the menu phone icon you’re referring to.

https://meshop.lt/lt/parduotuve/
Sidebar colour page.
And here is the icon menu problem, when you move cursor to the section it appears to change colour to gold. I would like to change that colour.
https://www.part.lt/img/1eafe4644b5f52657739286c430e72ea682.png

Hi,

1. Sorry, but I can’t see any issue on the sidebar color: https://share.getcloudapp.com/qGu5DBXq could you send me a screenshot and point out the issue on it?

2. You can change the mobile menu Link Hover color in wp-admin > Appearance => Customize > Mobile Menu => Mobile Menu Link Hover.

I would also like to change back to top button colour on desktop and mobile phone.
https://www.part.lt/img/89f669533a5034162224fb6ca837fee3920.jpeg

Hi,

You can change the back to top button in wp-admin > Appearance => Customize > Footer => Back to Top Button ( please make sure to check in Advanced tab ).

PS. Please contact us via Support Forum: https://themify.me/forum or email: https://themify.me/contact you may receive replies faster that way.

Hi, I would like to change the colour of “Add to cart” button in a single product page.
https://meshop.lt/lt/produktas/u-s-polo-assn-batai/
Here is the photo link
https://www.part.lt/img/a0f07ae89a22cea36d10b56e9ae5fbad264.jpeg

Hi,

You can change the single-product’s add to cart button’s color by adding this CSS to wp-admin > Appearance => Customize > Custom CSS:

.single_add_to_cart_button {
	background-color: #f00 !important;
}

.single_add_to_cart_button:hover {
	background-color: #00f !important;
}

Please let us know how it works.

It worked. Thank you. How to change scroll to top button backround colour?

You can change the back to top button’s background-color and it’s hover’s color with the below Custom CSS:

.back-top a {
    background-color: #f00;
}

.back-top a:after {
    background-color: #00f;
}

Please let us know how it works.