Change button hover color and size Prestige

Store Design
1

Good day, Sorry is this question was asked before but i would really apreciate the help

I have added a button to the section called image with text overlay by copying code from another answer. I would like to know to change the button font size and hover color.

I also want to remove the shade behind the letters of the heading and the label of the button

Text overlay.png
Text overlay.png985Ă—370 164 KB

Store url: https://donutsole-hu.myshopify.com/

Password: twilye

Thank you very much in advance!

2

@NZA

sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/custom.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
#shopify-section-16256789336548bd6a .Button.Button--primary:hover {
    background: #fff;
}
3

Thank you for your time. I tried the code you have provided, It changed the background of the button on hover.

What i wanted is to change the text color to white not the background, can you please update the code for that ?

Thanks again Ketan!!!

4

@KetanKumar can you please update the code for the button text ?

5

Thank you @KetanKumar i was able to solve the issue after all

this is the code i added:

#shopify-section-16256789336548bd6a .Button.Button–primary:hover {background: #fff; color: #FF87B0; }
.Button {color: #FFFFFF; border-color: #FF87B0 !important; font-size: 15px;}