How to change colours of the buttons on hover

Hi,

How can I change the colours of the buttons on the header and Slideshow banner on HOVER? It's currently all white, but I need the text colour to be #495A58. (attached screenshot).

For more information, I used this code .page-section:nth-child(1) {padding-top:0!important}  to make the header transparent after searching. As this function wasn't available on slideshow banner.

Can I please get custom codes for this? 

Thank you.

@leedbssk  Happy to help!

Here's code for modifying the header button:

// This creates a small transition buffer

.header-actions-action--cta .theme-btn--primary-inverse{
  transition: transform 0.3s !important}

// Change the specified colors 

.header-actions-action--cta .theme-btn--primary-inverse:hover {
  opacity: 1 !important;
  background-color: red! important;
  color: #495A58} 

^ I don't know what color you want the background to be. If you don't want it to change, then you can remove that part of the CSS.

For the slideshow button, can you please share a link to your site?

Hi @WCS,

Thanks very much for your help! I successfully changed the colour of the button on hover at the header. 

Here is the link to the website: https://apremedialmassage.com.au/
Could you please help me changing the slideshow button colour on hover as well?
On hover, I want the button to be white background and text colour to #495A58. 

Thank you so much!

@leedbssk Perfect! Thank you for sharing the link. Try adding this:

.list-item-content__button .sqs-button-element--primary:hover{
color: #495A58}

13 hours ago, WCS said:

@leedbssk Perfect! Thank you for sharing the link. Try adding this:

.list-item-content__button .sqs-button-element--primary:hover{
color: #495A58}

Hi @WCS, Thank you so much for your help. Unfortunately this line of code didn't do anything to the buttom. Is it because the button is located at the slideshow banner? There are two banners in the slideshow. Could you please help me again? 

Have attached the screenshot for your reference to see the location of the banner. And the code i've added.

@leedbssk Ah, I see what you mean. Is this on 7.0 and if so, what template are you using?

Hi @WCS, thanks for your reply. I am using version 7.1 and I didn't use any template. Thanks!