How to change buttons box shadow

Im trying to figure out how a box-shadow inlined css is added to buttons across the hivepress experthive site so that I can modify the output.

I see this applied to several classes
e.g.
button.hp-form__button.button-primary.alt.button.hp-field.hp-field–submit
button.hp-menu__item.hp-menu__item–listing-submit.button.button–secondary
a.wp-block-button__link.wp-element-button

Im wondering if there is a way to update the box-shadow style for all applicable classes. Is it best to just target these via CSS or is there a more systematic method?

example button

HTML

<button type="submit" class="hp-form__button button-primary alt button hp-field hp-field--submit" style="box-shadow: rgba(244, 147, 45, 0.35) 0px 5px 21px;"><span>Filter</span></button>

CSS

element.style {
    box-shadow: rgba(244, 147, 45, 0.35) 0px 5px 21px;
}

Hi,

Thanks for the request and details. Please note that this is set in the JS script code. You can add your CSS code and !important values, then this code will be overwritten by your CSS.

I hope it helps

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.