jVisual CSS

Customize the design of your site without writing CSS

Download Watch video

 

This is the jVisual CSS component and system plugin that allows you to customize the design of your site without writing a single line of code. It uses the WYSIWYG approach. You see the design changes in real time.

Supported CSS properties:

  • background-color
  • border-color
  • border-style
  • border-width
  • color
  • font-size
  • font-weight
  • line-height
  • margin
  • padding
  • text-decoration
  • more coming soon!

jVisual CSS supports Joomla 4 & 5.

header

Getting started

  1. Install com_jvisualcss.zip and plg_system_jvisualcss.zip
  2. Go to System > Plugins and look for jVisual CSS and enable it
  3. Go to Components > jVisual CSS > Items > Choose one item or add a new one
  4. Once you save changes, go back to Components > jVisual CSS > Items and set as default the item you want to use in your site

Enable a customization item on your design

To apply the customizations to your site, set an item as default. A yellow start icon will confirm the selection and the customizations from this item will be applied in frontend.

Disable single customizations

To remove single customizations, place the mouse over the CSS property you want to disable (like 'Background') and click on 'Reset' button.

Disable ALL customizations

If you no longer want the custom design applied to your site, unpublish the default item.

Trash an item

If you want to trash an item:

  • Select the item
  • Click on Actions dropdown
  • Select "Trash"

jvisual css trash item

Delete an item forever

In the admin items page, filter by Trashed items

jvisual css trash dropdown

  • Select the item you want to delete
  • Click "Delete" button

jvisual css delete item

Feedback

We are working to add more features and design options. We appreciate your feedback at X and through my email!