Microthemer Lite – Visual Editor to Customize CSS vs WPBakery Page Builder Simple All Responsive

A light-weight yet powerful visual editor to customize the CSS styling of any aspect of your site, from Google fonts to responsive layouts. Microthemer caters for both coders and non-coders, and plays really well with page builders like Elementor, Beaver Builder, and Oxygen. Feature list Style anything Use with any theme or plugin Point & click visual styling Code editor (CSS, Sass, JS) Sync code editor with the UI Customisable breakpoints HTML and CSS inspection 150+ CSS properties Dark or light theme Custom toolbar layouts Work with any CSS unit Color picker with palettes Slider, mousewheel, keyboard adjustments In-program CSS reference History Draft mode Global or page-specific styling Import & export Light-weight Minify CSS code Keyboard shortcuts Deep integration with Elementor, Beaver Builder, Oxygen Multisite support Uninstall MT, but keep your edits [Pro] CSS grid (drag & drop) [Pro] Flexbox [Pro] Stock SVG mask images [Pro] Transform [Pro] Animation [Pro] Transition Lite VS Pro This lite version limits you styling 15 things, and doesn’t include the features marked [Pro] in the list above. To unlock the full program, you can purchase a license (monthly, annual, or lifetime). Useful links Website Video docs Live demo Support forum Facebook group Author note Hello everyone, my name is Sebastian. I’ve designed Microthemer for developers as well as beginners. My aim is to level up beginners by exposing the CSS code Microthemer generates when using the visual controls. This is of course helpful for developers who may wish to make manual edits. Some developers use Microthemer as an in-browser CSS or Sass editor, and just lean on the interface for element selection or more advanced properties like filters, grid, and animation. I’ve been happily developing Microthemer and supporting users of varying technical experience in my forum for many years now. I’m always ready to answer questions about the software and help out with CSS hurdles. Please don’t hesitate to get in touch!

VC Simple All Responsive Plugin provides full responsiveness to sites created with Page Builder. So far, we have been able to determine the screens on which some Row and Columns will appear (or not appear). From now on, thanks to this plugin, this type of control is obtained over all Page Builder elements. VC Simple All Responsive plugin creates a new element of the Page Builder that can be found in All and in the Content section. It works as a container that determines when the content that is placed in it will be visible (or not). VC Simple All Responsive conatiners are placed inside the column. Within a single column we can place an arbitrary number of containers, and it is possible that they have different settings. Also, they can be arbitrarily combined with free elements (elements outside the container). It is possible to set several elements within a single container. In this case, the same rules for displaying apply to all elements within a single container. When you drag the element inside the container, it behaves commonly, in the way it would behave outside of the container. The container has only one type of setting, which determines the conditions for displaying the content. The container can be left unfilled (without content), and then he will have no visible effect. Also, similar to the Page Builder rows, the container can be completely excluded from the view (regardless of the screen size). Benefits of Use: WPBakery Page Builder in the original version provides the option to set the visibility depending on the screen sizes of the device, but only at the level of Rows and Columns. In addition, it is not possible to set up two or more competitive columns (competitive, in the sense that they fill the same space). The interior elements do not have this possibility of visibility adjustments. This is sufficient for rough adjustment of the responsiveness, however, it is not practical in cases of finer tuning, when only a partially different content is displayed on different resolutions. Plugin VC Simple All Responsive allows complete freedom in this regard. The ability to choose when it will be displayed is enabled at the level of a single element or an arbitrary group of elements. The back-end display is of a competitive type (in the same column), which facilitates visibility. Example: With the VC Simple All Responsive Plugin, it is possible to set up in the same column: element visible only on desktop screens (in the first All Responsive container), then a group of elements seen only on tablets and on mobile phones (in the 2nd All Responsive container) and finally (at any place, whatever) the elements that are visible on all screens (free elements placed in the usual way, outside of the container). Without the use of All Responsive Elements plugin, it would be necessary to form three separate rows, each with its own setting and copying repeating elements (in other columns, for example). Great advantages are also that the Websites Back End with using of the VC Simple All Responsive Plugin is much more readable and the memory and processor load of the site is reduced. VC Simple All Responsive element can equally apply to additional elements of independent manufacturers, as well as to the basic elements of Page Builder. For this reason, the implemented solution is superior to some other that are applied in some WP themes. Please, when evaluating this plugin, you understand that it is free and that customer support is adequate to that. Also, in situations with WordPress ver 5 or newer WPBakery Page Builder do not behave completely correctly, it surely means that this plugin will not behave correctly, too. This is not a plugin shortage. This problem occurs because some WP themes have not adapted well to WordPress 5 and Gutenberg appears. Over time, these problems will be less. Note: For the proper functioning of this plugin, it is necessary to have an active installation of WPBakery Page Builder (js_composer) in version 5 or later.