Make hover on a specific button - Dawn theme

[Dekanten]

Hi

I want to have the white button be like the contact form submit below this section hover like, but this is for the follow us instagram section i want to change.

My storeurl:

www.dekanten.no

See attached image:

 

[BSS-TekLabs · Accepted solution]

or like this when hover @Dekanten ?

[BSS-TekLabs · Accepted solution]

[BSS-TekLabs]

- Here is the solution for you @Dekanten 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before </head> tag and press 'Save' to save it. 

.contact__button [type="submit"]:hover {
    background: white !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Dekanten]

Hi, i did explain me wrong here im sorry for that, but i want to change the FOLLOW US button to the same as the contact button. 🙂

Hope we can figure something out. 🙂

Thanks in advance

[BSS-TekLabs]

Like this ? @Dekanten 

[BSS-TekLabs · Accepted solution]

or like this when hover @Dekanten ?

[Dekanten]

I want it like this, perfectly. 🙂

[BSS-TekLabs]

<style>
.wi**bleep**-instagram-follow-button a:hover {
     background: #8c8c8c !important;
    color: #000 !important;
}
</style>

Can you try add this code  at the before </head> tag in the file theme.liquid

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you @Dekanten  

[BSS-TekLabs · Accepted solution]

[BSS-TekLabs]

Please rewrite the code according to this image. Because some of the text is hidden by shopify, it will not be correct @Dekanten .

[Dekanten]

Hi again, everything working fine now and thank u very much for your solution. Glad too see it works like a charm. 🙂

[BSS-TekLabs]

<style>
.wi**bleep**-instagram-follow-button a:hover, .fera-btn:hover {
     background: #8c8c8c !important;
    color: #000 !important;
}
</style>

 Can you try replace to this code @Dekanten 

, .fera-btn

[Dekanten]

Hi i tried it without any luck, the buttons stays the same iam afraid. 😕

Another things we can try out? 🙂

[BSS-TekLabs]

Can you take a screenshot of the code you added to your theme @Dekanten ?

[BSS-TekLabs · Accepted solution]

Or can you try add this code to the last line file fera.css @Dekanten 

.fera-btn:hover {
     background: #8c8c8c !important;
    color: #000 !important;
}

[Dekanten]

I added this to a custom.css and now everything works flawless, really glad for the result and thank you very much indeed. Big big thumbs up. 🙂