[xtjoeywxParticipant]

I have purchased this plugin https://docs.woothemes.com/document/woocommerce-cart-notices/ and I would like the styling on my cart page to closely match the original woocommerce plugin styling. It just looks bad the way it is because X overrides the way it is actually supposed to look.

This plugin is a “cart notice” plugin. When a specific item is added to cart a notice will display at the top of the cart.

If you would like to recreate this notice, so you can see what I’m talking about, please add any mattress to the cart and you’ll see the message displayed at the top of the cart.

If I can’t get the default woocommerce styling I would like to make it look better. Please see the attached screen shot of what I would like to achieve if the Woocommerce default styling can’t be achieved.

[xtjoeywxParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for writing in.

You may try deleting or just renaming this folder \wp-content\themes\x\woocommerce\notices\

That includes the notices customized for X theme.

You can actually rename folder and files to disable them.

As for the products to as bold styling, it’s woocommerce notice and not from X theme. You may need to edit Woo commerce default templates to achieve that. Or just configuration in your admin? That’s because I searched both X theme and woocommerce for that string and it’s not there.

Thanks!

[xtjoeywxParticipant]

Renaming the folder didn’t quite work the way I thought it would. It only removed the box around the notices and text color. Please see my attached screenshot below to see what happened after I renamed the folder.

Since that didn’t work, maybe it would be better to just style it like you guys have the other notices, like my first screenshot suggests. What do you think? How would I do that?

[xtjoeywxParticipant]

Please ignore screenshot #2. It’s the same.

[LelyModerator]

Hi There,

To have the same styling, please add this custom CSS on Appearance > Customize > Custom > Edit Global CSS:

.woocommerce-cart-notice {
    border: 2px solid #4d8fcb;
    padding: 0.786em 1.15em 1em;
    color: #4d8fcb;
}
.woocommerce-cart-notice > a, .woocommerce-cart-notice > a:hover {
    color: #ffffff;
}

Hope this helps.

[xtjoeywxParticipant]

You are awesome. That looks great. Thank you.

[ThaiModerator]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts