Change Button Style - Task Hive

[jjzethof]

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.

[yevhen]

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

[jjzethof]

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

[Seegon]

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

Try this

[ihor]

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

[jjzethof]

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?

Thanks.

[ihor]

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

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