Customize a specific Joobi module

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

mod-class-joomla

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

siteimage-class-front

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

customcss-file

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

store-customize-black

Thank you for your purchase!

We are committed to a policy of fair-trading and we shall make every effort to ensure that you are happy with our products and services. We invite you to review the following terms that will apply to any order you place with us and if you find yourself unable to agree to them, then you must contact Joobi support for further clarification.

Refund Policy: All purchases made through Joobi store are final and there are no refunds. Joobi uses "evaluate before you buy" approach (30 days trial), we do NOT issue refunds after a membership is purchased.
Support Policy
Terms of Use

Note: Your subscription is renewed automatically at the end of the initial period, and the recurring payment will be made with the payment method you used to sign up. You can cancel the subscription at any time via Paypal.