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.
Getting started
- Install com_jvisualcss.zip and plg_system_jvisualcss.zip
- Go to System > Plugins and look for jVisual CSS and enable it
- Go to Components > jVisual CSS > Items > Choose one item or add a new one
- 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"
Delete an item forever
In the admin items page, filter by Trashed items
- Select the item you want to delete
- Click "Delete" button
Feedback
We are working to add more features and design options. We appreciate your feedback at X and through my email!