News Pro GK4 is out of alignment

Dear Support or if anyone can help me,

I have been modifying your template Musicity. During this time I have noticed the news GK4 Pro module plugin is out of place slightly with text alignment (wrapping the text overlaps).

For example the 4 boxes at bottom of my website, Artists, Releases, Spotlight etc. The text is not as tidy as your original template and you can see slightly the other image and text of the next slide.

The same goes for top right box where I have entered releases.

I have added a screenshot here:
http://imageshack.us/f/228/exampleshot.png/

You can see the text is out of place and squashed below the photo. Also the next image you can see I would like to put it back to normal or where is the code to edit this ? Anyway you can help please or point me in the right direction ?

I am viewing in Safari and been stuck on this for days and can't find out what problem is.

http://www.lifted.uk.com/sentio/ is my website .. also the top right latest releases box also has the same problem. Again untidy.

It seems when I deactivated the plugin and re-activated...it's affected the layout. It may be something simple but I'm gong through the code and having no luck.

Many thanks,

Dean
[email protected]

Hi

Please send me an access to Your joomla panel via PM. I'll check if this is not a configuration issue with NSP header.

many thanks I have PM'd you with details... hopefully you have received PM.

Dean

Hi

Please add this code to css:

Code: Select all

a.nspImageWrapper { display:block; }


In developer tool looks like it's working, but please confirm.

Hi this half worked.

The text is now aligned vertical with sufficient spacing (as displayed on original template) and is not squashed up anymore... thank you for your help.

But the right side of the slide still has a overlap from slide 2 and the text is cut off on the left side of the margin.

For example the latest releases, you can see the 3 blocks slightly from other images. And on the boxes below in the user modules the same happens.

Again only problem appears in Safari and Chrome.

Thanks

Dean

Hey guys,

Have exactely the same issue than Dean on a totally different template/framework so I immagine its an issue with GK4. Can you please have a look at it?

Printscreen attached....

Thanks,
Andre

Hi this half worked.

The text is now aligned vertical with sufficient spacing (as displayed on original template) and is not squashed up anymore... thank you for your help.

But the right side of the slide still has a overlap from slide 2 and the text is cut off on the left side of the margin.

For example the latest releases, you can see the 3 blocks slightly from other images. And on the boxes below in the user modules the same happens.

Again only problem appears in Safari and Chrome.

Thanks

Dean

Hi

Please show me what You have in mind. I cannot see this second problem. Here is my Chrome screenshot.

Hey guys,

Have exactely the same issue than Dean on a totally different template/framework so I immagine its an issue with GK4. Can you please have a look at it?

Printscreen attached....

Thanks,
Andre

Hi

Are You refering to lack of a margin between header and image ? If yes please try this css code it should be universal.

Code: Select all

a.nspImageWrapper { display:block; }


No sorry. Its actually something else.... Take a look at the "black lines" highlighted in red. They are actually part of the next set of thumbnails, bleeding into the current "slide".

many thanks arcolive

yes that's the problem you pointed out on the image

thanks for looking into this guys... any idea on what the override code is ?

You can use following css to push right 1px

Code: Select all

.nspArt { padding-left: 1px!important; }


See you around...

Hi

Which browser You see a result like that ? I cannot reproduce it ;/

You tell me, the image I have used is a printscreen of an image posted by you (by teitbite » Wed Jun 20, 2012 7:29 am) on this very topic.

I can see such an issue in Chrome 19, Firefox 13 and IE 9. Check images attached.

Norman`s override has worked as you can now see here http://www.lightstyle.co.nz/sites/brooklyn/ but it would be good if you guys fixed the main code so that future users/downloads don`t need to modify the style.css file.

view_ie9.png

view_gc19.png

view_ff13.png

PS: Thanks for the override Norman.

Jean, I pasted Norman`s override just after "/* positioning */", on line 69 of; root/modules/mod_news_pro_gk4/interface/css/style.css

Hope it works for you.

Hi

Sorry. I've focused on a header touching image and haven't seen that

As I remember I was dealing with this problem already with a similar code to what Norman posted. I'll show that to programmers.

Thanks. As I use GK4 on several sites, could you be so kind and let us know here when the downloadable package gets fixed and published?

That way I know I can update them all.

Hello guys,

An update on this issue. 1st I had to change Norman`s suggestion to

Code: Select all

.nspArt { padding-left: 2px!important; }

because just 1px was not doing the job. So far so good...

Now I activated links pages and found out that it needs a fix to, please see image attached. I have tried

Code: Select all

.nspLinksWrap { padding-left: 3px!important; }

(2px is not enough) but it also pushes the pagination and breaks the design as you can see on the 2nd image attached.

Any suggestions?

Thanks,
Andre

Try using below css code.

Code: Select all

.nspPages3 { padding-left:2px!important;}


See you around...

Hahaha . Good one.

Norman,

where exactly should I try that code? Inserted after "/* positioning */", on line 69 of; root/modules/mod_news_pro_gk4/interface/css/style.css but it affected the main article layout and not the links layout...

Do we have a fixed version available for download yet?

I could not re-produce this error when I ve tried it. So it is difficult to fix it if we cant re-produce it.
Please send an admin access and ftp access to my email and I ll take a look. My email normanuk [at] live.co.uk.

See you around...

Norman,

where exactly should I try that code? Inserted after "/* positioning */", on line 69 of; root/modules/mod_news_pro_gk4/interface/css/style.css but it affected the main article layout and not the links layout...

Do we have a fixed version available for download yet?

Hi

Please use override.css for any css modifications. But please remember that override.css option needs to be enabled in template settings.