Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

How to set up YJ Module engine as in Demo Bizbiz

05-25-2015, 03:17 AM
# 1 (permalink)
Slowlyjam
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
05-25-2015, 03:03 PM
# 2 (permalink)
arefund
Hello Slowlyjam.
You can add this into your custom.css file:
.module_prefix .yjme_item {
float: left;
clear: none;
width: 25%;
}
Kindness costs the least, but is worth the most!
05-25-2015, 07:49 PM
# 3 (permalink)
Slowlyjam
Thanks Arefund.

It works fine, except the circle. How do I get the circle instead of the rectangular?
05-26-2015, 05:15 AM
# 4 (permalink)
arefund
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%;
}
Kindness costs the least, but is worth the most!
05-26-2015, 03:35 PM
# 5 (permalink)
Slowlyjam
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%;
}
05-27-2015, 06:25 AM
# 6 (permalink)
arefund
The code should be separate you can't combine them.
One is for the holder and one is for the image.

Code:

.module_prefix .yjme_item {
float: left;
clear: none;
width: 25%;
} 
.module_prefix .yjme_item div.imageholder{
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
Kindness costs the least, but is worth the most!
06-14-2015, 11:42 PM
# 7 (permalink)
Slowlyjam
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.
06-15-2015, 06:32 AM
# 8 (permalink)
arefund
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%;
}
Kindness costs the least, but is worth the most!
Thread Tools
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Members Login

Username
Password