I want to customize some css you have in Newspaper theme the “style-woocommerce.css”
I have created the child theme and inside it tried both edit the code in style.css and copy paste the style-woocommerce.css in child theme ande dit it there.
The css iwant to customize has !important, which by the way is not a very good way of building css.
How can i edit it, concretely the css is:
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
font-size: 12px; (make it 15px;)
line-height: 21px;
border: 1px solid #ededed !important;(make it #982234)
background-color: #fcfcfc !important;(make it #f5cdcd)
box-shadow: none !important;
border-radius: 0 !important;
margin: 10px 0 20px 0 !important;
padding: 16px 120px 16px 60px !important;
}
Hi,
You could customize it directly in the Woocommerce stylesheet in the theme folder. Make a backup of the modified file and replace it after a theme update.
If the !important tag is used then you will have to create stronger code if possible, or remove the tag from the woocommerce stylesheet.
