Woocommerce Price Color Edit

bogdanpetrescu · October 2021

Hello,

can you please help me understand how i can edit the price of products both in catalog and in single product page? which field from theme options -> colors edits this?

Thank you!

bogdanpetrescu · October 2021

and also how can i equalize the products on the catalog page because now they look like this ( please check attachement )

https://drdelbani.ro/shop/

Thank you!

Phil · October 2021

Hello,

1) The price takes its color from Betheme -> Theme options -> Colors -> Content -> Theme color, and when you modify it, the price will change as well.

Moreover, you can create a single product template where you can set the price color too.

You can learn more about the product templates on the following video tutorial:

https://support.muffingroup.com/video-tutorials/how-to-create-custom-template-for-the-single-product/

2) To change the size of the woocommerce images, please go to the WordPress customizer tool and change it in the front-end.

More information in the link below: https://iconicwp.com/blog/manage-woocommerce-product-image-sizes-3-3

Notice!

Remember to use thumbnail regeneration after you make your changes. Otherwise, the images will not change their size.

Thanks

bogdanpetrescu · October 2021

when i change that i changes the color of the button also, how can i change the color of the price olny ? can u provide css code?
ok
i want to change the size of the product's conmtainer not only the image so all the products will look the same on the catalog page

Phil · October 2021

1) To change the color with CSS, please, use the following code:

.woocommerce .product div.entry-summary .price{
   color: #00ff00!important;
}

3) You can try this code:

.woocommerce li .mfn-li-product-row-image{
   min-height: 460px!important;
}

Thanks

bogdanpetrescu · October 2021

not working.
not working

bogdanpetrescu · October 2021

how can I edit the add to cart button? the colors of this button and typograpohy?

Phil · October 2021

1) Did you put these codes in Betheme -> Theme options -> Custom CSS & JS -> CSS?

If yes, and it is not working, please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

2) If you want to change the buttons, look, please, go to Betheme -> Theme options -> Global -> Buttons.

Thanks

bogdanpetrescu · October 2021

Yes, i did.

I have a question, i see on presentation page at demo sites that some of the examples have the woocommerce icon and some don't. does this mean that the ones without the woocommerce icon are not suitable for woocommerce use?

Phil · November 2021

If the demo has a Woo icon on it, this means that it is a shop, or has shop functionalities, so it has already created products, shop page, cart, etc.

But it does not mean that other pre-built websites do not work with WooCommerce. They do, but you will have to set everything manually from scratch.

Best regards

Woocommerce Price Color Edit

Comments