Learn tips & trikcs for all our products
Design set of custom made gutenberg elements ready for download
Time saver to copy & paste in your new project
Best practices, animations, tips and much more
December 16, 2021 – Read time: 2 minutes
Once the feature is activated Code editor will be resized and you will see a split-screen. By default preview is empty and you need to paste the link and press enter or click Submit button.
By default, full width and height are selected. You can use the dropdown to choose one of the predefined sizes to preview better your development for mobiles, tablets, and desktops.
Preview sizes are synced with Figma Artboard sizes to be able to have pixel-perfect design and development.
If your screen is not big enough but you still need to preview development in certain sizes or proportions we make it possible for you with scale factors.
Possible options are 100%, 75% and 50%.
are visible after every code update. Use shortcut Control (⌘) + S to save and see changes right away.
After you save page is reloaded and if you are doing animations such as GSAP animation will be triggered as well.
This feature will finally allow you to have the option to select the entire website except: “Post types, Handpicked single posts, Taxonomies, or Terms.”
This feature is disabled by default as not everyone needs it.
It’s located under Template settings and you can enable it with toggle.
By choosing different settings for “Template” you will get different exclude options.
Choices will be combined. If you Select Homepage and Posts code will not be applied on the homepage and all blog posts.
Will not have any exclude option as you will be handpicking a single post or page in the first place.
Will have Exclude: Single Post or Pages ( Example: All pages except homepage )
Will have Exclude: Single term ( Example: All categories except uncategorized )
Your email address will not be published. Required fields are marked *
Save my name, email, and website in this browser for the next time I comment.