How does it work?
Browse neatly organized elements and blocks.
Copy the provided code into your project.
Customize the look and hit publish. Woo-Hoo!
Join 100+ happy customers today.Explore elements
How to use Flatresources
Using Flatresources with your Flatsome website is easy as a breeze.
First, copy the provided Shortcode and paste it to the text page editor or directly to the UX Builder.
1. Copy and paste the Shortcode
2. Add the custom CSS code
Second, copy the CSS code (if provided) and paste it into your project to achieve the desired appearance.
There are multiple methods of adding and updating CSS code in WordPress, so let's look at each one of them.
Using a plugin (Simple Custom CSS and JS PRO)
This is our preferred method because it allows you to create multiple stylesheets to keep things neat and tidy. If you upgrade to the paid license, you will be able to apply the CSS code only to selected URLs, keep track of revisions, and much more.
WordPress Additional CSS
Appearance → Customize → Additional CSS
Flatsome Custom CSS
Flatsome → Advanced → Custom CSS
Appearance → Theme Editor → style.css