Easy CSS Styling with WSIWYG Editor

This new feature enables you to apply a variety of styling options to your website without the need to add or edit complex CSS code. This includes backgrounds, body text, images, and buttons. With an intuitive interface, you can quickly customize the appearance of your site while maintaining a clean and professional design. Stylizing in FlipperSD has never been easier, view some examples and the process down below! 

Applying Mobile Responsive CSS

Another great way to use this tool is to apply the mobile responsive style to an image in a couple of clicks. Rather than editing the image CSS, you simply select the image and select ‘Image Responsive’ under the Apply CSS Class tab to make it appear mobile friendly on smart phones and tablets. This is helpful when adding new images anywhere on your website but especially in blog posts. The video below shows an example of adding an image to an article or blog post and using the CSS tool to make it image responsive for the desktop, tablet, and mobile device.

Applying Button CSS

You no longer have to worry about correctly editing a snippet of code to create a button for your website! With this tool, you simply highlight linked text and apply the desired CSS button style. Below is a screen capture of that application process. Making stylish buttons for your website is now quicker and easier than ever!

Applying Text CSS

Applying CSS styling to text follows a similar process as applying the button styling. Simply highlight the desired text and select the style in the drop-down tab and you’re done! View an example in the screenshots below.

Contact us

Make stylized website edits quick and easy right from your WSIWYG menu in FlipperDS. Contact our team today and discover how we can implement this new feature for you and your website!