Plugin Author
WPKube
(@wpkube)
Hi,
From what I can see you managed to increase the padding, correct?
By the way, don’t make adjustments to the plugin files, they will get overwritten on update. Don’t add it to the theme’s style.css either, that’ll get overwritten when there’s a theme update.
Add your custom CSS code in WP admin > Appearance > Customize > Additional CSS.
Hello,
yes I was able to change the padding in the plugin’s admin are in the custom css field.
The button still looks different on mobile, and the padding changes are not applied there, why is that?
Do you know how to add a hover effect to the button? I tried it with different approaches in the custom css field, but nothing worked.
Plugin Author
WPKube
(@wpkube)
Hi,
Just checked on my phone, the padding does apply and the rest of the styling as well.
As for hover:
#optinforms-form5-button:hover {
background: #hexcode !important;
}
The hover effect works great now thank you. The design of the button on mobile is still different than on desktop, the color is less intensive and the borders are different. Thanks for your help so far.
Plugin Author
WPKube
(@wpkube)
Hi,
Try adding !important rules like on the previous example, that forces it to overwrite the inline styles that are added by the plugin based on the options from “Style your form”.
So it looks like this:
.element {
cssrule: cssvalue !important;
}
