Problems since 2013 with Photoslide GK3 and Kunena

Hello Folks,

my Joomla 1.5.23 with Sporter worked fine till 2013 has arrived...

Since 2013 the display of Photoslide GK3 did not work at the front page (it looks like an css-error). Please look at http://www.stalltsf.de. Also all my galeries didn't pop up to look at the pictures (http://stalltsf.de/index.php/rennergebnisse2012/dresden-12-05-2012.

Also there is a problem in den Kunena Forum. The line to choose your text-style or add a URL aso. dosn't work since 2013.

Is there any css-error in the Template? Or is it Joomla which causes the problem?

IMPORTANT:
The faults are just if you visit the site with Mozilla Firefox. In Internet Explorer, everything works still fine.

In which way can I fix the error???

Thank you and best regards!

Which browser? Firefox 18? I have more problems on my page after upgrade FF 17--> FF18.
gk3_photoslide + gk3_tabs_manager are destroyed.
On FF17, IE9 and Chrome all works fine.

My page http://lechia.net/
but on my testing page http://dev.lechia.net/ there is no problem

Hi

@nikson can You please publish the module back so I'll be able to see it ?

@MrAttitude can You please show me a screenshot of the problems ? It looks ok to me, try maybe clear cache of joomla and browser.

Hi


@MrAttitude can You please show me a screenshot of the problems ? It looks ok to me, try maybe clear cache of joomla and browser.

Thank you for your response.

I'm using FF 18.0.

Chrome and IE works fine!

problem1.jpg

problem1a.jpg

problem2.jpg

problem2a.jpg

Maybe the fault will be fixed with FF 19.0 ??????

Hi

I see what has happened. From some reason FF treats layer called "gk_is_text" the same as other called "gk_is_text_bg" and text is displayed in wrong place. Please try add below code to css. I'm not 100% sure, but it's something to start.

Code: Select all

.gk_is_text_bg h4 { font-size:26px; line-height: 31px; font-weight:bold; text-transform:uppercase; color: #fff; margin:-10px 100px 0 0; padding:0 20px; }
.gk_is_text_bg h4 a { color: #fff; }
.gk_is_text_bg p { color:#fff; padding:0 150px 0 20px; line-height: 130% }
.gk_is_text_bg a.readon { background: transparent url('../images/style1/gk_is_button.png') no-repeat 50% 0; border: none; position:absolute; z-index:998; right:20px; text-indent: -99999px; height:40px !important; width: 40px !important; }
.gk_is_text_bg a:hover.readon { background-position: 50% 100%; }
.gk_is_text_bg .gk_is_info { padding:0 20px 9px; color:#ccc; font-size:80%; display:block; }
.gk_is_text_bg { position:absolute; z-index:997; padding:10px 0 20px 0; width:100%; font-size:12px; font-weight:normal; font-family:Arial, sans-serif; margin-right:10px; }


Thank you teitbite,

I add the Code to the gk_stuff.css but nothing changed.
After Update to FF 18.0.1 also nothing changed.

What can I do with this module.

Hi

I see what has happened. From some reason FF treats layer called "gk_is_text" the same as other called "gk_is_text_bg" and text is displayed in wrong place. Please try add below code to css. I'm not 100% sure, but it's something to start.

Code: Select all

.gk_is_text_bg h4 { font-size:26px; line-height: 31px; font-weight:bold; text-transform:uppercase; color: #fff; margin:-10px 100px 0 0; padding:0 20px; }
.gk_is_text_bg h4 a { color: #fff; }
.gk_is_text_bg p { color:#fff; padding:0 150px 0 20px; line-height: 130% }
.gk_is_text_bg a.readon { background: transparent url('../images/style1/gk_is_button.png') no-repeat 50% 0; border: none; position:absolute; z-index:998; right:20px; text-indent: -99999px; height:40px !important; width: 40px !important; }
.gk_is_text_bg a:hover.readon { background-position: 50% 100%; }
.gk_is_text_bg .gk_is_info { padding:0 20px 9px; color:#ccc; font-size:80%; display:block; }
.gk_is_text_bg { position:absolute; z-index:997; padding:10px 0 20px 0; width:100%; font-size:12px; font-weight:normal; font-family:Arial, sans-serif; margin-right:10px; }


Hi

I cannot see the code I've pasted on the forum. Where have You added it ?

Anyway there is onle class I missed:

Code: Select all

.gk_is_text_bg {
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px 0 20px;
    position: absolute;
    width: 100%;
    z-index: 997;
}


I had add it to the gk_stuff.css.

But maybe there was a fault in my work.

Could you please add your code to the original gk_stuff.css code, please?

Code: Select all

/*
#------------------------------------------------------------------------
# Sporter - September 2010 (for Joomla 1.5)
#
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]   
#------------------------------------------------------------------------
# Based on T3 Framework
#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/

/*
 * Popups
 */
 
.gk_popup { position:absolute; top:40px; margin:21px 0 0 0; z-index:100010; background:#101010; display:none; }
.gk_popup_wrap { margin:10px; padding:10px; overflow:hidden; background: #fff; }
.gk_hide { height:14px; display:none; margin:94px 0 0 0; z-index:100; float:right; overflow: hidden; }
.gk_popup-hide { height:14px; padding:0 0 0 40px; width:100px !important; line-height:14px; white-space:nowrap; }
.gk_search_hide { height:32px; display:none; margin:-11px 0 0 0; z-index:100; float:right; }
.gk_search_popup-hide { height:24px; padding:2px 0 0 5px; width:250px !important; line-height:28px; white-space:nowrap; }
#popup_register .inputbox { width:200px !important; }
#popup_register p.information_td { font-style:italic; }
#popup_register .gk_popup_wrap { width:350px; }
#popup_tools a { margin:0 3px 0 0; }
#popup_login ul { padding-top: 10px; }
#popup_login ul li { background: transparent url('../images/style1/arrow.png') no-repeat 0 center; line-height:24px; margin:0; padding-left: 15px; }
#popup_login ul li a { text-decoration: none; }
#popup_login ul li a:hover { text-decoration: underline; }
/*
 * News Show Pro GK4
 */
.nsp { position:relative; }
.nsp_main { overflow:hidden; }
/* interface */

.nsp_bottom_interface,
.nsp_top_interface { overflow:hidden; width:auto; margin: 0 0 8px; }
.nsp_bottom_interface { margin:0; padding-top:6px; }
.nsp_bottom_interface div,
.nsp_top_interface div { float:right; }
/* pagination */

.nsp_bottom_interface .pagination li,
.nsp_top_interface .pagination li,
.nsp_bottom_interface .pagination li.active,
.nsp_top_interface .pagination li.active { float:left; border:none !important; width:12px; height:11px; background:transparent url('../images/nsp_interface.png') no-repeat 50% 0!important; text-indent: -999em!important; margin:5px 0 0 5px; cursor:pointer;  padding:0 !important; }
.nsp_bottom_interface .pagination li:hover,
.nsp_bottom_interface .pagination li.active,
.nsp_top_interface .pagination li:hover,
.nsp_top_interface .pagination li.active { background-position: 50% -11px!important; cursor:pointer; }
.nsp_top_interface .pagination,
.nsp_bottom_interface .pagination { border:none !important; float:left; width:auto; padding:0 16px 0 0 !important; list-style-type:none; margin:0; }
.nsp_bottom_interface .counter,
.nsp_top_interface .counter { padding:0 3px !important; font-size:9px; font-size:90%; font-weight:normal !important; height:14px; line-height:14px; background:#888; color:#fff !important; cursor:pointer; float:left; margin:0 0 0 16px !important; }
.nsp_bottom_interface .counter span,
.nsp_top_interface .counter span { color:#ffffff !important; }
/* buttons: prev & next */

.nsp_bottom_interface .prev,
.nsp_top_interface .prev,
.nsp_bottom_interface .next,
.nsp_top_interface .next { background: transparent url('../images/nsp_interface.png') no-repeat 0 -62px; float:left; border:none !important; height:20px; width:20px; margin:0 0 0 4px; cursor:pointer; text-indent:-999em; padding:0 !important; }
.nsp_bottom_interface .prev:hover,
.nsp_top_interface .prev:hover { background-position: 0 -82px }
.nsp_bottom_interface .next,
.nsp_top_interface .next { background-position: 0 -22px }
.nsp_bottom_interface .next:hover,
.nsp_top_interface .next:hover { background-position: 0 -42px }
/* article layout*/

.nsp_arts { overflow:hidden; }
.nsp_art div { overflow:hidden; padding:0 10px; }
.nsp_art h4.nsp_header cufon { padding-bottom:4px; }
.nsp_art h4.nsp_header { margin-bottom:6px; font-size:100%; }
.nsp_art p.nsp_text { float:none; }
.nsp_art p.nsp_info { font-size:85%; margin:6px 0; }
.nsp_art .tleft { text-align:left; }
.nsp_art .tright { text-align:right; }
.nsp_art .tcenter { text-align:center; }
.nsp_art .tjustify { text-align:justify; }
.nsp_art .fleft { float:left; }
.nsp_art .fright { float:right; }
.nsp_art .fnone { clear:both; width:100%; float:none; }
.nsp_art { float:left; }
.readon_class.left,
.readon_class.right,
.readon_class.center { clear:both; }
.readon_class.left { float:left; }
.readon_class.right { float:right; }
.readon_class.center { display:inline; float:none; }
.nsp_links ul li h4 a {  }
.nsp_links ul li h4 { font-size:100%; line-height:130%; }
.nsp_links ul li p {  margin:0; font-size:11px; line-height: 180%}
.nsp_links ul li { margin:0; padding:6px 0 3px; height:auto; border-bottom:none; }
.nsp_links ul { padding:0; margin:0; list-style-type:none; clear:none!important; }
.nsp_arts.left { float:right; }
.nsp_links_wrap.left { float:left; }
.nsp_arts.right { float:left; }
.nsp_links_wrap.right { float:right; }
.nsp_main .unvisible { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; }
.nsp_avatar { margin-bottom:-5px; }
.nsp_image { border:1px solid #dadada; padding:5px; }
a:hover .nsp_image { border:1px solid #d7d7d7; background: #E8E8E8 }
.nsp_art .readon { margin-top: 6px; }
a.nsp_comments { background: transparent url('../images/icon_comments.png') no-repeat 0 1px; padding-left: 20px; }
/* suffix: nsp (dedicated for interface)*/

.moduletable.nsp { position: relative;}
.nsp .nsp_top_interface { position: absolute; right: 18px; top: 9px;}
.nsp .nsp_top_interface .pagination li,
.nsp .nsp_top_interface .pagination li.active,
.nsp .nsp_top_interface .prev,
.nsp .nsp_top_interface .next { background-image: url('../images/nsp_interface_suffix-nsp.png ') !important;}

.border1 .nsp_top_interface .pagination li,
.border1 .nsp_top_interface .pagination li.active,
.border1 .nsp_top_interface .prev,
.border1 .nsp_top_interface .next,
.border2 .nsp_top_interface .pagination li,
.border2 .nsp_top_interface .pagination li.active,
.border2 .nsp_top_interface .prev,
.border2 .nsp_top_interface .next,
.border3 .nsp_top_interface .pagination li,
.border3 .nsp_top_interface .pagination li.active,
.border3 .nsp_top_interface .prev,
.border3 .nsp_top_interface .next,
.border4 .nsp_top_interface .pagination li,
.border4 .nsp_top_interface .pagination li.active,
.border4 .nsp_top_interface .prev,
.border4 .nsp_top_interface .next { background-image: url('../images/nsp_interface.png ') !important;}
/* suffix: dark */
.dark .nsp_image { border:1px solid #222; }
.dark a:hover .nsp_image {border:1px solid #333; background: #222 }
/*
 * GK Tab ------------------------------------------------------------
 */
 
.clearfix-tabs { clear:both; }
.gk_tab_item_space { padding:0; }
div.gk_tab_wrap-style1 { margin:0 auto; }
div.gk_tab-style1 { position:relative; }
.gk_tab_news_image { margin:5px; padding:5px; border:1px solid #dadada; }
div.gk_tab_container0-style1 { clear:both; margin:0; }
div.gk_tab_container1-style1 { overflow:hidden; margin:0; }
div.gk_tab_item-style1 .gk_tab_news_info { font-size:90%; color:#757575; }
div.gk_tab_item-style1 { float:left; overflow:hidden; padding:0; }
ul.gk_tab_ul-style1 { margin: -18px -18px 18px; padding:0; border-bottom: 1px solid #E5E5E5; height: 34px; }
ul.gk_tab_ul-style1 li { cursor:pointer; display:block; float:left; font-size: 12px; font-weight: bold; height:34px; line-height:35px !important; padding:0 10px 0 10px !important; width:auto; border:none !important; border-right: 1px solid #d8d8d8 !important; color:#000; background:#e8e8e8; }
/* tabs suffixes */

.tabcolor1 ul.gk_tab_ul-style1 li { background: #000; border-right: 1px solid #282828 !important; border-bottom: 1px solid #000; color: #fff }
.tabcolor2 ul.gk_tab_ul-style1 li { background: #ac0000; border-right: 1px solid #c80b0b !important; border-bottom: 1px solid #ac0000; color: #fff }
.tabcolor3 ul.gk_tab_ul-style1 li { background: #5d9400; border-right: 1px solid #6cab00 !important; border-bottom: 1px solid #5d9400; color: #fff }
/* tabs: hover, active effects */

ul.gk_tab_ul-style1 li:hover,
ul.gk_tab_ul-style1 li.active { background: #fafafa; border-bottom: 1px solid #fafafa; border-right: 1px solid #d8d8d8 !important; height: 35px; color: #000 }
.inline ul.gk_tab_ul-style1 { float:left; width:auto; clear:none!important; margin:1px 0 1px 20px!important; }
/*
 * Image Show
 */
 
.gk_is_wrapper { position:relative; }
.gk_is_preloader,
.gk_is_preloader div { position:absolute; z-index:999; width:100%; height:100%; }
.gk_is_preloader div { position:relative; }
.gk_is_preloader p { font-size:32px; font-family:Georgia, serif; position:absolute; right:50px; bottom:20px; }
.gk_is_preloader { background:#000000 url('../images/loader.gif') no-repeat center center; }
.gk_is_slide { position:absolute; }
.gk_is_text h4 { font-size:26px; line-height: 31px; font-weight:bold; text-transform:uppercase; color: #fff; margin:-10px 100px 0 0; padding:0 20px; }
.gk_is_text h4 a { color: #fff; }
.gk_is_text p { color:#fff; padding:0 150px 0 20px; line-height: 130% }
.gk_is_text a.readon { background: transparent url('../images/style1/gk_is_button.png') no-repeat 50% 0; border: none; position:absolute; z-index:998; right:20px; text-indent: -99999px; height:40px !important; width: 40px !important; }
.gk_is_text a:hover.readon { background-position: 50% 100%; }
.gk_is_text .gk_is_info { padding:0 20px 9px; color:#ccc; font-size:80%; display:block; }
.gk_is_text { position:absolute; z-index:997; padding:10px 0 20px 0; width:100%; font-size:12px; font-weight:normal; font-family:Arial, sans-serif; margin-right:10px; }
.gk_is_text_bg { position:absolute; z-index:996; width:100%; opacity:0.6; filter:alpha(opacity=60); background:#000000; }
.gk_is_text_data { display:none; }
.gk_is_pagination { padding: 10px 0; background:#000; overflow:hidden; }
.gk_is_tab { cursor: pointer; float:left; }
.gk_is_tab>div { padding:0 10px; }
.gk_is_tab.active span,
.gk_is_tab:hover span { color: #fff; }
.gk_is_tab.active h3,
.gk_is_tab:hover h3 { color: #fff !important; }
.gk_is_tab { background: transparent url('../images/gk_is_tab_separator.png') no-repeat 0 50%; }
.gk_is_tab h3 { font-size: 12px !important; line-height: 145%; color: #999 !important; text-transform: none !important }
.gk_is_tab span { font-size: 10px; color: #999 }
.gk_is_cols1 .gk_is_tab { width:100%; }
.gk_is_cols2 .gk_is_tab { width:49.9%; }
.gk_is_cols3 .gk_is_tab { width:33.2%; }
.gk_is_cols4 .gk_is_tab { width:24.9%; }
.gk_is_cols5 .gk_is_tab { width:19.8%; }
.gk_is_cols6 .gk_is_tab { width:16.4%; }
.gk_is_cols7 .gk_is_tab { width:14.1%; }
.gk_is_cols8 .gk_is_tab { width:12.4%; }
/*
 *   mod_head RSS
 */

.mod_head .rss { background: url('../images/icon_rss.png') no-repeat 0 0; display: block; height: 16px; text-indent: -999em; width: 16px; margin-top: 11px; }
.gk-bottom .mod_head .rss { margin-top: 6px; }

/*
 *   Jcomments
 */
 
#comments .comment-anchor, #comments .comment-author  { color: #ac0000; }
.comments-form-message-error, .comments-form-message-info { background: #ac0000;}

/*
 *   Module News Image Photo Gallery
 */
 
.gk_is_text_block h4 { margin: 8px 0 0 !important}
.gk_is_thumbs a {border: 1px solid #e5e5e5; margin: 0 7px 7px 0 }
.gk_is_thumbs a:hover { border: 1px solid #d7d7d7; background: #e8e8e8}
.dark .gk_is_thumbs a {border-color: #222 }
.dark .gk_is_thumbs a:hover { border-color: #333; background: #222}

I think that is the file, where to add your code.

Thank you and best regards,
MrAttitude

Hi

I cannot see the code I've pasted on the forum. Where have You added it ?

Anyway there is onle class I missed:

Code: Select all

.gk_is_text_bg {
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-right: 10px;
    padding: 10px 0 20px;
    position: absolute;
    width: 100%;
    z-index: 997;
}


Hi

I do not see my code in this file also. Please send me an access to ftp so I'll add it myself and any other styling missing.

Hi

I have copied the code to override.css but still cannot see it. Please send me an access to joomla panel. I believe it's becuase some cache settings.

Hi

Other user has posted a solution to that. Please take a look at this threads:

http://www.kunena.org/forum/K-2-0-Gener ... 0?start=10

http://forum.joomla.org/viewtopic.php?f=428&p=2974033

Thank you Titebite.

The frontpage and the gallery works fine now.

About Kunena I need some time, but I hope I will solve it, too.

Thank you for your great help and support!

MrAttitude