K2 frontpage module

Hi,

Can you tell me how I can see more thumbs on the frontpage? I have got more video's than the 9 that are shown right now. Additionally, I was wondering if it is possible to use a 'next button' or something like that in the mode I am currently using.

Thanks in advance!
Robbert

Hi
You need to go to module settings. It is called Latest projects and it is nsp4 module. Here go to Article Layout section.
'Amount of pages with' option will let you set how many tabs you can see. In default is 1 so you see only first 9 images. Increase it.
But if you want more then 9 or less you need to change 'Amount of columns' or 'Amount of rows'
In demo you have set 3 rows and 3 columns which gave you 9 images. Try play with this options.

Ah yes thanks! One more question. I thought it was possible to get a text through the image, so I can show the title of the video I want to show using the same module. I just cannot find how to do this. Can you also explain how to do something like that please?

You need to remove suffix gallery, then you need to off in article layout all things except Image order and Header order. Then you need to use css to style it.

I'm sorry but I do not understand what I need to do. Can you be more specific please?

Ok can you give me screen what do you want to achieve ?

Never mind, I changed my mind.

New objective
Can I change the picture after the animation that shows when I mouseover on the 'latest projects' module at the frontpage?

www.thinkfishmedia.nl/Dev

Hover Image location is here.

Code: Select all

templates/gk_myfolio/images/nsp_bg.png


See you around...

Ah yes thanks! However, I have 2 new questions.

1. Can I change the animation that the module uses? Now it slides the new image from the upper left corner over the thumbnail.
2. Can I delete the text that says: launch project?

Seems like you have changed the animation.

To hide the text please use following css in "/templates/gk_myfolio/css/override.css"
Make sure to enable css override feature from template settings > advanced settings > css override "on".

Code: Select all

.gallery .nspArt .nspContainer .nspHeader { display: none; }


See you around...

Hi,

Final question. I did indeed change the animation, but I cant change it any more. I have added a screen with my settings. Maybe I have done something wrong...

Only difference i see is Auto animation and hover animation enabled compare to demo and effect changed to linear.

Please note you have changed the image back to original, effect looks different depending on image size and/or css parameters.

So using your old blue image and see if its related.

See you around...

It does not work. I do not understand why. What settings influence the animation? Maybe I changed something somewhere else....

In the image you see what I want to achieve.

Please use following in your override.css

Code: Select all

.gallery .nspArt > div > .nspContainer > div { background: url("../images/nsp_bg.png") no-repeat scroll 50% 900% #000000; }


See you around...

The animation changed, but the image does not show any more. www.thinkfishmedia.nl/Dev

And this is the image I used to replace the orignal image.

Also, I would like to know how I can get rid of the social media stuff on my project pages, just like on this page.
http://thinkfishmedia.nl/Dev/index.php/ ... n-thoughts

Please change your code as below because it seems it cannot find image file in previous code.

Code: Select all

.gallery .nspArt > div > .nspContainer > div { background: url("templates/gk_myfolio/images/nsp_bg.png") no-repeat scroll 50% 900% #000000 ; }


Go to Components > K2 > Categories or items , edit to see it settings , on your right scroll down to social sharing and disable/enable as you see fit.

See you around...

It worked! Thanks.

No problem at all, See you around...

And again, one additional question. How can I get rid of the thinks I circled in the image?

http://www.thinkfishmedia.nl

p.s. the image is not fully shown in first place.

Find File: \templates\gk_myfolio\html\com_k2\templates\default\item.php
Find Line: 584
Delete this line:

Code: Select all

<h3><?php echo JText::_('K2_MEDIA'); ?></h3>


See you around...

OK, and what about the other things I circled in the image (If you click it open)

You can use following css if you are not going to use them at all

Code: Select all

.itemNavigation { display: none; }
.itemBackToTop { display: none; }


Or Certain settings should be in K2 settings as well.

See you around...