Brizy Pro 0.0.18: Custom CSS & Facebook Elements

We’ve just added Custom CSS options and 4 Facebook elements.

This is yet another important step to strengthen the power of Brizy Pro and to allow you to create amazing custom websites. We are one step closer to the official Brizy Pro launch.

More about on how we plan to launch the Pro plus a list of all the features we’ll add in the coming weeks/months can be found in this article

Here is what you’ll find in this article. Use the links below to jump to a specific section:  

Custom CSS

Facebook Elements

What’s next

Conclusions 

Custom CSS

You can use the options in Brizy to stylise your website but if something is not quite how you want it, you can always take advantage of the new Custom CSS granted you know what you are doing :).

Here is how to create a gradient color in Brizy

We’ve created two selectors that will let you create targeted custom CSS without the hassle of working out the DOM tree for the classes:

– element {…} – will let you select the wrapper for the element you are adding CSS to

– element .child-element {…} – will let you select any child in the element you are targeting if you know that child’s class. So for example if you have a text with the custom class funny, you can target that text from the parent (column) with the following selector element .funny {…}

We’ve added these selectors in the ? tooltip on the right side of the Custom CSS option. You can access the tooltip by hovering the ? icon.

custom css

Facebook Elements

Find the new Facebook elements in the sidebar under the Add New Element section. Use these elements to connect your website with Facebook as follows:

facebook element

Button – adds Facebook Share and Recommend buttons

facebook element

Comments – adds Facebook Comments on your page

facebook element

Embed – lets you embed a post or a video from your facebook page

facebook element

Page – displays a Facebook page

facebook element

What’s next

We are currently working on a bunch of things, a lot of improvements for features that are already in Brizy but also new features that are a long time coming.

Here are a couple of things that we work on and are really close to being launched: 

1. Keyboard shortcuts – A set of keyboard shortcuts that will considerably speed your way in working with Brizy. A long-awaited quality of life update. 

2. Right Click V2. – An improved version for the right click that will contain more options like copy paste style and a bunch of shortcuts for power users to do things a lot faster.

3. New Add Block Popup – The new improved popup for adding blocks.

4. Form V2. – improvements to Form that will include radio boxes and check boxes, SMTP settings, Recaptcha)

Conclusions 

This is just the beginning, more cool features are coming to Brizy in the following weeks. Please add any suggestions/issue you have on GitHub. Also, consider joining our Facebook community where we discuss all things Brizy every day.  

For a full list of all the fixes and improvements included in Brizy 1.0.60 visit this link

Until next time. 

Conclusions 

We are committed more than ever to make Brizy the best website builder out there and with your help will do that and more. Thanks again for all your support.

Consider joining our Facebook community where we discuss all things Brizy every day.  

Until next time. 


March 11, 2019


Article by Dimi

One of the designers and co-founders of Brizy and ThemeFuse, Dimi has a passion for design, WordPress, and products with great usability. He is always happy to share and connect with others. Drop him a line.