How to set up YJ Module engine as in Demo Bizbiz
 

Hello

Using Yj Module Engine, how can I achieve the same result as the "Our Board of Directors" section in the Bizbiz Demo?

Thank you.

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: http://www.maroons-jamaica.com/q/

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal

Hello Slowlyjam.
You can add this into your custom.css file:
.module_prefix .yjme_item {
float: left;
clear: none;
width: 25%;
}

Thanks Arefund.

It works fine, except the circle. How do I get the circle instead of the rectangular?

You can add border-radius to your imageholder like this:
.your_preffix .yjme_item div.imageholder{
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}

Thanks Arefund.

How can I combine these 2 piece of code?

.module_prefix .yjme_item {
float: left;
clear: none;
width: 25%;
}


.your_preffix .yjme_item div.imageholder{
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}

The code should be separate you can't combine them.
One is for the holder and one is for the image.

Thanks Arefund.
It works, but I have 2 problems.
1. How do I get the name under image instead of above?
2. How can I get the image to fill up/out the circle?

Thanks again.

You can create your own module template and change the order. Add title under the image.
http://prntscr.com/7h5az6
Add this into the custom.css file:
.presenters .yjme_item a.item_image{
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}

To set up the YJ Module engine as in the Demo Bizbiz, you can follow these steps:
Download the YJ Module Engine package from the official website with my locaiton.
Extract the downloaded package to your local computer.
Log in to your Joomla website administrator panel.
Go to Extensions > Manage > Install.
Click on the "Upload Package File" tab.
Click on the "Choose File" button and select the YJ Module Engine package that you have downloaded and extracted in step 2.
Click on the "Upload & Install" button to install the YJ Module Engine.
Once the installation is complete, go to Extensions > Module Manager.
Click on the "New" button to create a new module.
Select the YJ Module Engine from the list of available modules.
Configure the module according to your needs and preferences.
Save the module settings and publish it on your website.