Problem with News pro GK1 and Tabs Manager GK3

Hi,

I have three problems on my quay template.

1/ On ne news pro GK1 the blue and white bullets are cut. See the screenshot


2/ There is a problem with the tabs manager GK3. Above each tabs I have a small black line.


On the same tabs manager I insert 1 article on each tabs. And on each tab I can't see the borders and background colors of my articles tables.
For your information, here is on the screenshot what type of table I have on the joomla backend.

I am very sorry but without seeing your website I am not able to help.
So please, past here your URL.

Sorry, here is my url : http://wwwbeta.telephone-store.fr

Open this file: http://wwwbeta.telephone-store.fr/templ ... _stuff.css
and change this:

Code: Select all

div.gk_npro_full_interface ul li, div.gk_npro_full_interface ul li:first-child {
border:medium none !important;
cursor:pointer;
float:left;
height:7px; <<<comment out
margin:0 3px 0 0 !important;
padding:0;
text-indent:-999em;
width:7px; <<<comment out
}

Regarding problem 3...you have to create styles for it and apply them to that tables. As default most of Joomla templates have no border for general tables...so you have to create your style for it.

Do not know where to see problem n°2.

For the problem N°1, all is ok, that's work fine.
For the problem N°3, you can see the bug on the menu "Forfaits" of this site http://wwwbeta.telephone-store.fr/forfa ... faits.html

Hi

As I can see there is no lines in css to determine the looks of the table.

Code: Select all

{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

Please edit your addons.css file and add some colors to it manualy

Code: Select all

background-color:#[color];
border:1px solid #[color];


Hi

To fix News Show Pro styling on Quay, please download this file attach.

To upgrade, please upload images to respective directory and replace each style1.css, style2.css and style3.css


***** MOST IMPORTANT!!! *****
Use module CSS must be disable on advanced parameters.



About the Tabs manager, i will take a look and see what's wrong.

Cheers

Sorry but I don't understand. I will ad this code to the file addons.css

{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
----------------------------------------------------------------------------

And this code,I'll add it anywhere on addons.css oir on an existing line.

background-color:#[color];
border:1px solid #[color];
---------------------------------------------------------

Can you give me the entire file addons.css with the lines change.

Thanks.

Thanks the problem with news show pro is resolved by another moderator.
But I wait your response about the problem of Tabs manager.
Thanks.

Hi again

News Show Pro

Thanks the problem with news show pro is resolved by another moderator.

Not exactly, as you can see on navigation arrows. You are using module style enable and this template have build-in style for this module. What's wrong is that we forgot to include interface style for this module. So, please follow my instructions if you want to have right.

- Download the attach file, extract and upload the images.
- About css file, if you don't want to replace it because you made some customization, please add this code on the following files (most important! any other css customization added to fix it must come out)

Open style1.css and find this line:

Code: Select all

/* GK Stuff - gk_stuff.css
------------------------------------------------------------------*/


After this line, add this code:

Code: Select all

/* News Show Pro interface */

div.gk_npro_full_prev,
div.gk_npro_short_prev {
background:transparent url('../images/style1/gk_stuff/nspro_arrows.png') no-repeat 0 0;
}
div.gk_npro_full_next,
div.gk_npro_short_next {
background:transparent url('../images/style1/gk_stuff/nspro_arrows.png') no-repeat right 0;
}
div.gk_npro_full_prev:hover,
div.gk_npro_short_prev:hover {
background:transparent url('../images/style1/gk_stuff/nspro_arrows.png') no-repeat 0 bottom; }

div.gk_npro_full_next:hover,
div.gk_npro_short_next:hover {
background:transparent url('../images/style1/gk_stuff/nspro_arrows.png') no-repeat right bottom;
}
div.gk_npro_full_interface ul li,
div.gk_npro_full_interface ul li:first-child {
background:transparent url('../images/style1/gk_stuff/nspro_bullets.png') no-repeat 0 bottom;
}
div.gk_npro_full_interface ul li.active {
background:transparent url('../images/style1/gk_stuff/nspro_bullets.png') no-repeat 0 top;
}

/* NS interface END */


Do the same to style2.css and style3.css by adding this code:

For style2.css

Code: Select all

/* News Show Pro interface */

div.gk_npro_full_prev,
div.gk_npro_short_prev {
background:transparent url('../images/style2/gk_stuff/nspro_arrows.png') no-repeat 0 0;
}
div.gk_npro_full_next,
div.gk_npro_short_next {
background:transparent url('../images/style2/gk_stuff/nspro_arrows.png') no-repeat right 0;
}
div.gk_npro_full_prev:hover,
div.gk_npro_short_prev:hover {
background:transparent url('../images/style2/gk_stuff/nspro_arrows.png') no-repeat 0 bottom; }

div.gk_npro_full_next:hover,
div.gk_npro_short_next:hover {
background:transparent url('../images/style2/gk_stuff/nspro_arrows.png') no-repeat right bottom;
}
div.gk_npro_full_interface ul li,
div.gk_npro_full_interface ul li:first-child {
background:transparent url('../images/style2/gk_stuff/nspro_bullets.png') no-repeat 0 bottom;
}
div.gk_npro_full_interface ul li.active {
background:transparent url('../images/style2/gk_stuff/nspro_bullets.png') no-repeat 0 top;
}

/* NS interface END */



For style3.css:

Code: Select all

/* News Show Pro interface */

div.gk_npro_full_prev,
div.gk_npro_short_prev {
background:transparent url('../images/style3/gk_stuff/nspro_arrows.png') no-repeat 0 0;
}
div.gk_npro_full_next,
div.gk_npro_short_next {
background:transparent url('../images/style3/gk_stuff/nspro_arrows.png') no-repeat right 0;
}
div.gk_npro_full_prev:hover,
div.gk_npro_short_prev:hover {
background:transparent url('../images/style3/gk_stuff/nspro_arrows.png') no-repeat 0 bottom; }

div.gk_npro_full_next:hover,
div.gk_npro_short_next:hover {
background:transparent url('../images/style3/gk_stuff/nspro_arrows.png') no-repeat right bottom;
}
div.gk_npro_full_interface ul li,
div.gk_npro_full_interface ul li:first-child {
background:transparent url('../images/style3/gk_stuff/nspro_bullets.png') no-repeat 0 bottom;
}
div.gk_npro_full_interface ul li.active {
background:transparent url('../images/style3/gk_stuff/nspro_bullets.png') no-repeat 0 top;
}

/* NS interface END */


IMPORTANT!!! Now, go to module advanced parameters and disable "Use module CSS"


TABS MANAGER

This is easy to fix. Like i said before, also Tabs GK1 module have template build-in style. So, the only think that you need to do is disable "Use module CSS" on advanced parameters of the module.

Trust me and make exactly like i explain.

The News Show Pro style fix will be included on next update version release.

Cheers

By the way...

Congratulations!
Very appealing site. Looks very good.

Cheers

Thanks Tabs manager work very good and I have change the code on the style1.css,2 and 3.css
The news show pro is ok too excepted the buttons on the left of the module. Is it the size of this buttons I must change or not ?
See the problem at this adresse : http://wwwbeta.telephone-store.fr

Another things, I don't understand what says the other moerator for my problem of tabs manager. I have insert on each tabs some articles with table. On the front I can't see the border and gackground color of my table.

He tell me that :

Hi

As I can see there is no lines in css to determine the looks of the table.


Code:

--------------------------------------------------------------------------------
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
--------------------------------------------------------------------------------



Please edit your addons.css file and add some colors to it manualy


Code:

--------------------------------------------------------------------------------

background-color:#[color];
border:1px solid #[color];

Thanks for your congratulations.

abdenour wrote:

... The news show pro is ok too excepted the buttons on the left of the module. Is it the size of this buttons I must change or not ?
See the problem at this adresse : http://wwwbeta.telephone-store.fr

That's because you didn't recover initial code on gk_stuff.css.

Code: Select all

div.gk_npro_full_interface ul li, div.gk_npro_full_interface ul li:first-child {
border:medium none !important;
cursor:pointer;
float:left;
height:12px;
margin:0 3px 0 0 !important;
padding:0;
text-indent:-999em;
width:11px;
}


Change it to:

Code: Select all

div.gk_npro_full_interface ul li, div.gk_npro_full_interface ul li:first-child {
border:medium none !important;
cursor:pointer;
float:left;
height:7px;
margin:0 3px 0 0 !important;
padding:0;
text-indent:-999em;
width:11px;
}




About the table style on tabs, i recommend that you set id element or class id's, so you can easily set your style externally.

Anyway, since this table are working inside of tabs xhtml content, you should be more specific were targeting your style, like for example:

Code: Select all

.gk_tab_item-style1 table tr td{
background: #009ca0;
line-height: 15px;
text-align: center;
color: #fff;
}
.gk_tab_item-style1 table tr{
border: 1px solid #fff;
}
.gk_tab_item-style1 table td{
padding: 5px;
}


If you add this code, see the result.

Cheers

Thanks it work fine for the bullet of news show pro.

Thanks, it work.I 'm going to create a style now.