Knowledge base


How to customize WooCommerce Notices?

Customizing Success & Error Messages / Notices (Floating) & Hide Success Messages Completely & Make... Read more

How to create gloss so it looks like a 3D banner?

With this styling it looks like your banner has some depth. Just some gloss and... Read more

How to hide the out of stock label?

With these CSS lines you can easily hide the "Out of Stock" label from the... Read more

How to make the slider on product page fade?

With this function you can make the slider on the product page fade instead of... Read more

How change text for all instances?

Changing all text ate once. For example change "Cart" to "Bag", with just 1 simple... Read more

How to create a button with slide animation?

With this styling the button background will slide on hover. It's a subtle animation but... Read more

How to customize your user account dashboard?

Here we will explain how to edit the dashboard of the user account page. Take... Read more

How to use the console for troubleshooting?

Get to know how to use the developers tool and start troubleshooting.

How to use the Developer Tool for Custom CSS?

Get to know how to use the developers tool and start custom styling.

How to create an animated scroll-for-more button?

A pure CSS animation for scroll-for-more. With this styling the scroll-for-more-button will slide up to... Read more

How to make a text fade rotator?

Making text change by fading in and out for any place.

How to show content depending on time of day?

Making banners change depending on the hour of the day.

Flatsome Icon List

If you were wondering what icons Flatsome already has for you you will find the... Read more