CSS

WooCommerce: Add a WordPress Customizer Setting

If you’ve taken the ConfigureWoo online course, you’ll know that WooCommerce adds its own “WordPress Customizer” section called “WooCommerce”, indeed. From there you can manage some settings such as the store notice, product images, checkout fields and so on. What if you want to add your own settings, and let yourself or your client toggle […]

The post WooCommerce: Add a WordPress Customizer Setting appeared first on Business Bloomer.

WooCommerce: Full Width Featured Image @ Single Product Page

The standard layout for the WooCommerce single product page features the main/featured product image on the left and the title/add to cart on the right. But what if you need to turn that image into a hero one i.e. a full width featured image, and push the title and add to cart button under it? […]

The post WooCommerce: Full Width Featured Image @ Single Product Page appeared first on Business Bloomer.

15 Best Code Editors for Mac and Windows to Edit WordPress & WooCommerce PHP, JS & CSS Files

Last updated – February 24, 2020WordPress is one of the simplest choice of a content management system due to its simplicity to use. With basic technical knowledge you will be able to easily set up and use a WordPress site. By installing WooCommerce, y…

WooCommerce: Category as “Body” Class @ Single Product Page

A Business Bloomer fan asked me an interesting question this week: how to apply CSS on the single product page based on the product category? Well, the answer is pretty simple: if we’re able to add the category name to the HTML “body”, this can then be targeted in your custom CSS. So, let’s see […]

The post WooCommerce: Category as “Body” Class @ Single Product Page appeared first on Business Bloomer.

WooCommerce: Change the “Remove this Item” Icon @ Cart

I have a very long to-write list. Possibly I have enough content for another 2 years 🙂 However, the other day a premium WooCommerce student asked me for some feedback on his custom CSS – so I had to give it priority! The request was: what’s the easiest way to change the little icon/button on […]

The post WooCommerce: Change the “Remove this Item” Icon @ Cart appeared first on Business Bloomer.

WooCommerce and Divi: how to override !important CSS

I am a big fan of Elegant Themes, but a lot of CSS styles (mainly in Divi) contain “!important” in order to override WooCommerce styles when using the two in a combo. Now, the big problem is that we can’t override !important with another !important. Divi will win. But no matter whether Divi has been […]

The post WooCommerce and Divi: how to override !important CSS appeared first on Business Bloomer.

WordPress: How to Add CSS to a Specific Page URL

This is an interesting topic. A WordPress/WooCommerce client could not add CSS via the usual way. In fact, Gravity Forms plugin (and in particular the “directory” extension), stores entries in the database BUT the directory page and the entries filtered list have the same classes, ids, and cannot be “targeted” with CSS. Long story short, […]

The post WordPress: How to Add CSS to a Specific Page URL appeared first on Business Bloomer.