Simple, smart and Secure.

Step 1 Locate the Joobi module that you want to customize the look

• From the admin panel, navigate to Joomla module manager >> [Joobi Module] e.g Product List
• From the module edit page, specify your unique module class
• Click save once you are done

Step 2 Inspect store elements

• From your storefront locate the module that you want to customize and easily spot the class you want to modify using firebug (firefox)
• In this example I am going to add a black border in the product image

Step 3 Add your custom styles

• Now go to your File manager using Filezilla or any Joomla file manager
• Navigate to the the custom.css of your default Joomla template (If you do not have custom.css you can add one)
• Enter the joomla module class we specified in step 1 and Step 2

/templates/your_default_template/css/custom.css

This is how the storefront product module looks like after the change: