Change Button Style - Task Hive

Hi, I’m wondering how I might go about changing the styles of the buttons on my task hive theme.

I’m aware that I can change the button colors, however I would like to remove the shadow and gradient effect of some buttons.

Thanks in advance for your help.

It’s possible, but this would require CSS customizations. Please try customizing it (if you’re familiar with CSS) by adding code snippets to Appearance/Customize/Additional CSS or consider hiring a developer via Fiverr https://fvrr.co/32e7LvY

Hi Yevhen,

Thanks for this. Would I also be able to achieve this by editing the “buttons” in the theme file editor style css file?

Thanks

.button {
    box-shadow: none;
    background-image: none;
}

Try this

2 Likes

Please try adding the CSS snippet suggested above to Appearance/Customize/Additional CSS.

Hi Ihor, I have added the code and it worked. However the button in my banner still has some shadowing on it that I would like to remove (see attached). All other buttons are now appearing with no shadow which is great!

Any suggestions on how I can remove the shadow from this button?

Screen Shot 2022-09-15 at 7.10.13 am

Thanks.

If the previous CSS snippet worked please try this one for all buttons:

.button,
button,
input[type=submit] {
    box-shadow: none;
    background-image: none;
}