Plugin Support
Saji
(@gookaani)
Hey Vladimir,
Thanks for reaching out!
At the moment, the plugin doesn’t offer built-in options to change the button styling. However, you can customize it with CSS using the .woo-store-vacation__btn selector. For example:
.woo-store-vacation__btn {
background-color: #101010 !important;
color: #fff !important;
border-radius: 10px;
padding: 6px 20px;
}
.woo-store-vacation__msg {
vertical-align: middle;
}
Feel free to adjust the styles as needed to match your theme.
Hi, thank you very much. I couldnt find the right selector …
I tried it, but there is inherit keyword – do you know what to do with that?
Hi Saji, just wonder if you had a time to check it again … Thanks! 🙂
Plugin Support
Saji
(@gookaani)
Hey Vladimir,
Thanks for the follow-up!
The inherit keyword in CSS means that the property is taking its value from a parent element. This can sometimes interfere with custom styling if the parent has strong or unexpected styles.
To override it, you can use !important in your CSS to force your styles to apply.
Hi Saji,
thank you. I dint realize that there are colors set in plugin settings, which gave the inherit keyword …