Frontpage K2 articles

frontpage_storebox_issues.jpg

Hello,

In frontpage of storebox template there are 4 "boxes" in pos mainbody with K2 articles,...

I tried (witn no luck) put some custom (not only article title) text in this and that the fontpage image thumbnail don't show when click and go to the k2 article,... now when user click in "more details" this go to k2 article and show full image in top of this,...

To simulate this I created 2 modules and asigned to frontpage pos mainbody, I made a table with 4 cells, 2 where I put my image and other 2 to put my custom text,... but my issue is that images in these modules show with correct size in FF and IE9 but not in Chrome and Safari and I need that this show the same size in all browsers,...
Also when mouse over in this modules background get grey,...

There are some way to get this images to same size in all browsers with modules option or some way to get that I want using K2 articles like your demo?

Thanks.
Regards.
JM

Hi

Please show me your site.

Hi,

Site not in production yet. You can see here:

www.quijotessen.com/index.php

Regards.
JM

Hi

Ok. Can You please bring back this old module so I'll be able to check this image resize issue ?

Now it is published with my 2 custom modules and is with this issue with size images,...

Look the site with Safari and Chrome,... with IE9 and FF size look fine,...

Also when mouse over, background of module got color grey,...

Thanks.

Hi

Please add this code to css:

Code: Select all

#gkMainbody tr:hover {
    background: none repeat scroll 0 0 transparent !important;
}

section #gkMainbody table img {
    max-width: 230px !important;
    width: 230px !important;
    max-height: 210px !important;
    height: 210px !important;
}


This will disable image resizing and hover background change in modules placed in this module position.

Having table here will break responsive functionality. You should split this one table into 2, one next to each other.

Hello,

Where must I add this code, in template.css?

Thanks.
Regards.
JM

Hi

The best place to add it is override.css which is prepared for any css modifications, but please remember that You need to enable override in template settings in order for this file to take effect.