Joomla Templates Club 406,261 posts

[fabian85416 Friend fabian85416Join date: October 2013Posts: 2Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#192619

Hi,

i want to display only 3 items in the portfolio section (not 4). If i change the number of items in the backoffice (‘Displaying items – Button’) it is showing 3 items in the frontend but they are floating left. So, now it looks as if there is one item missing!

Is there an possibility to center this portfolio-block? Do i have to ajust anything in the css files?

Thank you.

fabian

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#513896

This way will help you to change from 4items to 3items in the portfolio section

Open modules/mod_jacontentpopup/assets/css/style.css file

from

.ja-cp-main .ja-cp-group .ja-cp-item {
float: left;
width: 25%;
}

Change to

.ja-cp-main .ja-cp-group .ja-cp-item {
float: left;
width: 33%;
}

[fabian85416 Friend fabian85416Join date: October 2013Posts: 2Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#513929

Thank you. Problem is solved! 😉

1 user says Thank You to fabian85416 for this useful post

1. JA Developer

[bvk1987 Friend bvk1987Join date: October 2012Posts: 187Downloads:10Uploads:31 Thanks: 66 Thanked: 6 times in 1 posts]

#514658

A small follow-up question: how can get the image and the title below it to link to another URL instead of opening a popu?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#514762

<em>@bvk1987 400985 wrote:</em><blockquote>A small follow-up question: how can get the image and the title below it to link to another URL instead of opening a popu?</blockquote>

If you want to customize to another URL. You can customize them from php file

Open modules/mod_jacontentpopup/tmpl/default_item.php file and change with my red mark

<a <?php echo $target;?> href="<?php echo $row->link;?>" title="<?php echo isset($row->subtitle)?htmlspecialchars($row->subtitle):htmlspecialchars($row->title);?>" data-ref="<?php echo $ref;?>">

[bvk1987 Friend bvk1987Join date: October 2012Posts: 187Downloads:10Uploads:31 Thanks: 66 Thanked: 6 times in 1 posts]

#514784

I would like each of the 3 images to direct the user to a different webpage. If I change what you mentioned, they will all be directed to the same page I’m guessing?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#514901

<em>@bvk1987 401155 wrote:</em><blockquote>I would like each of the 3 images to direct the user to a different webpage. If I change what you mentioned, they will all be directed to the same page I’m guessing?</blockquote>

You have to work manually on this case, make array[“link”] is external link consistence with items article.

Or if you don’t use popup, you can turn it off from JA Content Popup module and it will link to detail articles, the screenshot will help you more then

---

Attachments:

1. 

[tdecae Friend tdecaeJoin date: September 2015Posts: 2Downloads:43Uploads:0]

#686704

Template – One Page
Joomla 3
analyticsdepartment.co.uk
In “Awesome team” module i reduced the image sizes from 240×180 to 200×150
With the original 240×180 size with mouse over there is no movement of the image.
With the reduced size the image slides to the left. This is even more pronounced when there are only three images in the module.

Any ideas how this might be resolved?

sorted it

Changed
.ja-cp-main .ja-cp-image {
display: block;
margin: 0px;
padding: 10px;
}

To
.ja-cp-main .ja-cp-image {
display: block;
margin: 0px;
padding: 75px;
}

[tdecae Friend tdecaeJoin date: September 2015Posts: 2Downloads:43Uploads:0]

#749059

Template – One Page
Joomla 3
analyticsdepartment.co.uk
In “Awesome team” module i reduced the image sizes from 240×180 to 200×150
With the original 240×180 size with mouse over there is no movement of the image.
With the reduced size the image slides to the left. This is even more pronounced when there are only three images in the module.

Any ideas how this might be resolved?

sorted it

Changed
.ja-cp-main .ja-cp-image {
display: block;
margin: 0px;
padding: 10px;
}

To
.ja-cp-main .ja-cp-image {
display: block;
margin: 0px;
padding: 75px;
}

[Author]

Posts