How to have article image to the left + link to the right?

Free responsive Joomla 2.5 and 3.x module to present your content with easy and intuitive way.
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Wed Nov 07, 2012 5:12 pm
Hi,

I'm trying to use GK News Pro to pull images/articles from K2, and show the image from first article to the left, and at the same time have the same first article headline show to the right in the "Links"-column together with a number of secondary articles as well.

I have created this mockup showing what I want.
Image

I have no problem displaying the image to the left, and links to all secondary articles to the right - but how do I also have the link to the first article to the right?

If I need a hack or similar, I'm OK with doing this as a module override - but cant figure out how to do this.

Any Ideas?

Cheers,
Zorroson
User avatar
Junior Boarder

teitbite
Fri Nov 09, 2012 1:12 am
Hi

This is a customisation request and we do not support that, but please show me how it looks like on Your site now and if the fix will not be complicated I'll help You to manage it.
User avatar
Moderator

GK User
Fri Nov 09, 2012 9:48 am
teitbite wrote:Hi

This is a customisation request and we do not support that, but please show me how it looks like on Your site now and if the fix will not be complicated I'll help You to manage it.


Hi Teitbite,

Thank you very much for your response!
News Show Pro GK4 is used on the frontpage of http://design.2ndlevel.dk/henrik/ and what I'm trying to accomplish, is to have the headline and teaser/link about the "Copenhagen airport moving..." article, shown in top of the list to the right above the over teasers - but with the image staying to the left, where it allready is.

I hope you can help!

Cheers :)
User avatar
Junior Boarder

teitbite
Fri Nov 09, 2012 8:49 pm
Hi

It's not the best solution but will work for more or less static instances:

Code: Select all
#nsp-nsp_207 .nspArt h4.nspHeader {
    left: 462px;
    position: absolute;
}

#nsp-nsp_207 .nspLinksWrap {
    margin-top: 40px;
}
User avatar
Moderator

GK User
Sat Nov 10, 2012 12:56 pm
teitbite wrote:Hi

It's not the best solution but will work for more or less static instances:

Code: Select all
#nsp-nsp_207 .nspArt h4.nspHeader {
    left: 462px;
    position: absolute;
}

#nsp-nsp_207 .nspLinksWrap {
    margin-top: 40px;
}



Hi Teitbite,

I thank you very much for this - and you are right, it works fine in a full width browser.
But we are aiming to build a site where we use the responsiveness in the template, and this solution wont really work there....

Could we pay you to code a solution which would work in any resolution? Also it would we preferable if it could be done as a module override, so it would not be lost with future updates to the module.
I'm thinking that, if there was an option under "Links layout" like "First news number" under "Article Layout" so that we would be able to enter something like "-1" to step one article back and include the previous article in the list of links, with all the same options for displaying like for any other link.

Maybe we could pay you to develop and include this in future versions of the module?
User avatar
Junior Boarder

teitbite
Sat Nov 10, 2012 3:53 pm
Hi

Sorry, but overrides can be done only to a template and this will require changes engine itself, so no option to make it as overrides.

Anyway You always can add a css fix for particular device(screen width), so it will look good in all with what You have right now.
User avatar
Moderator

GK User
Sat Nov 10, 2012 4:23 pm
teitbite wrote:Hi

Sorry, but overrides can be done only to a template and this will require changes engine itself, so no option to make it as overrides.

Anyway You always can add a css fix for particular device(screen width), so it will look good in all with what You have right now.


OK - thank you for your response. I'll try make some css fixes for the various screen widths.

Cheers ;)
User avatar
Junior Boarder

teitbite
Sun Nov 11, 2012 9:29 pm
Hi

Let me know if You will have problems with it. But I think all will be about adjusting this 2 classes I've given You already.
User avatar
Moderator


cron