Tabs and News Pro Styling issues.

Hi there,

I am having 2 issues with styling on the page mentioned below:
http://catalysts.org/swasti.org/themes/ ... engthening

1. I have used Tabs GK5 and News Pro GK5 (for Joomla V2.5) but cannot for the life of me, fix the pagination icons for the News Pro GK5 module. If I choose pagination value to be 'Pagination', it works as expected. But the 'Arrows' and 'Arrows and Pagination' options look screwed up. Please help.
2. For setting up the 'Work' and 'Resources' Tabs, I have used Tabs GK5 module. It is using 'Style2' of this module. It does not look like anything shown by this image below:
https://static.gavick.com/images/extens ... _gk5/3.jpg

Some additional information:
Joomla Version: 2.5
Template: My Folio
Typography: Disabled

Request your help to fix these issues. Thanks in advance.

Regards,
Thanga/Ashish

Hi

2. This template has it's own style for Tabs GK5, so if You want to use one of module default styles please first remove the template one from gk_stuff.css file. It's named in comments, so You will not miss it.

1. The exact same problem, but this time You can use a template style and in module settings set a module style css file as disabled. You will find this option in advanced settings of a module.

Hi,

Appreciate your response to my queries. Couple of more questions based on your response.

1. The pagination issue is related to News Pro GK5 module whereas the Tab styling issue is related to Tabs GK5 issue. Could you please confirm which module I should touch to fix this issue? I did not find any Advanced Settings in News Pro GK5 where I could disable Module CSS hence this question. I did disable the Module CSS for Tabs GK5 module which made the Tabs look better and like in the template.

2. I looked at gk_stuff.css file but there are quite a few Tabs related css settings. Specifically for Tabs GK5, there is just this following code.
/* Tabs GK5 */
/*
* VERTICAL mode
*/

.gkTabsGK5 {
position: relative;
}
.gkTabsWrap {
margin: 0;
}

Do you mean that I should comment out only the above or anything related to Tabs?

Again, thanks for your patience and time.

Regards,
Ashish

Hi

This extra elements on pagination are from file /modules/mod_news_pro_gk5/interface/css/style.css, so it's a part of a module and this style needs to be disabled.

Hi,

I tried turning off the default module css but that lead to another problem. Check out how the module looks now:
http://catalysts.org/swasti.org/themes/ ... engthening

All the Articles are now listed one after the other.

Appreciate your time in helping me out with this issue.

Thanks,
Ashish

Hi

Ok. All this problems are because of the fact that NSP GK5 didn't existed when this template was released.

I think this should be left like it's now. Lets just copy some code to template to replace some of the styling.

Add this to override.css file and remember to allow override in template settings:

Code: Select all

/* Responsive layout */
.gkResponsive img.nspImage,
img.nspImage.gkResponsive {
   height: auto;
   width: 100%!important;
}
.nspArt img.nspImage {
   max-width: 100%;
}
.nspArtScroll1,
.nspLinkScroll1 {
   overflow: hidden;
   width: 100%;
}
.nspPages1 { width: 100%; }
.nspPages2 { width: 200%; }
.nspPages3 { width: 300%; }
.nspPages4 { width: 400%; }
.nspPages5 { width: 500%; }
.nspPages6 { width: 600%; }
.nspPages7 { width: 700%; }
.nspPages8 { width: 800%; }
.nspPages9 { width: 900%; }
.nspPages10 { width: 1000%; }
.nspCol1 { width: 100%; }
.nspCol2 { width: 50%; }
.nspCol3 { width: 33.3%; }
.nspCol4 { width: 25%; }
.nspCol5 { width: 20%; }
.nspCol6 { width: 16.66%; }
.nspCol7 { width: 14.285%; }
.nspCol8 { width: 12.5%; }
.nspCol9 { width: 11.1%; }
.nspCol10 { width: 10%; }
.nspCol11 { width: 9.09%; }
.nspCol12 { width: 8.33%; }
.nspCol13 { width: 7.69%; }
.nspCol14 { width: 7.14%; }
.nspCol15 { width: 6.66%; }
.nspCol16 { width: 6.25%; }
.nspCol17 { width: 5.88%; }
.nspCol18 { width: 5.55%; }
.nspCol19 { width: 5.26%; }
.nspCol20 { width: 5%; }