Public Forums 71,145 posts

[jackarta Friend jackartaJoin date: November 2012Posts: 8Downloads:0Uploads:3 Thanks: 2]

#182500

hello i use the ja slideshow in ja methys template and when i use events profile and skin my site look like that.
http://jackarta.gr/index.php and no button of readmore appears how i can fix that?i try to use left:350px in another slideshow that it works but when i try to see my page from an lcd screen 19” it cuts the slideshow.can you help me with that?

---

Attachments:

1. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#474004

Hi Jackarta,

When you use JA Slideshow on JA Methys template. You need choose ja-methys profile in module setting which is supported style. Layout and other profile were not supported by this template. Hope you understand us.

Regards,

1 user says Thank You to HeR0 for this useful post

1. jackarta

[jackarta Friend jackartaJoin date: November 2012Posts: 8Downloads:0Uploads:3 Thanks: 2]

#474017

ok and when i use methys profile and methys skin i dont take the title the description and the read more links in my articles…can you help me now?

[jackarta Friend jackartaJoin date: November 2012Posts: 8Downloads:0Uploads:3 Thanks: 2]

#474028

CAN ANYONE TELL ME WHAT I HAVE TO CHANGE IN THIS CODE TO SEE DESCRIPTION AND READ MORE LINK?
/**
* ————————————————————————
* JA Slideshow module for Joomla 1.7.x
* ————————————————————————
* Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license – GNU/GPL, http://www.gnu.org/licenses/gpl.html
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com – http://www.joomlancers.com
* ————————————————————————
*/

.ja-slidewrap_methys {
border: none;
margin: 0;
padding: 0;
position: relative;
}

.ja-slide-main-wrap {
position: relative;
}

.ja-slide-main {
position: absolute;
z-index: 1;
}

.ja-slide-item {
display: block;
float: left;
margin: 0;
overflow: hidden;
position: relative;
}

.ja-slide-item img {
background: #000
}

.ja-slide-thumbs-wrap {
clear: both;
overflow: hidden;
position: relative;
}

.ja-slide-thumbs-wrap .ja-slide-thumbs {
width: 100%;
left: 0px !important;
}

.but_prev, .but_next {
background: #000
position: absolute;
top: 0;
z-index: 102;
visibility: visible;
opacity: 0.4;
}

.but_prev {
background: url(arrow-l.png) no-repeat scroll right center;
height: 320px;
width: 342px;
position: absolute;
left: 0px;
padding-right: 70px;
}

.but_prev:hover, .but_next:hover {
cursor: pointer;
}

.but_next {
background: url(arrow-r.png) no-repeat scroll left center;
height: 320px;
width: 342px;
position: absolute;
right: 0;
padding-left: 70px;
}

.maskdesc {
background: #000
cursor: pointer;
display: block;
position: absolute;
z-index: 100;
}

.maskdesc .ja-slide-desc {
color: #fff
font-size: 100%;
padding: 10px 20px;
}

.maskdesc .ja-slide-desc a,
.maskdesc .ja-slide-desc a:hover,
.maskdesc .ja-slide-desc a:focus,
.maskdesc .ja-slide-desc a:active {
border: none !important;
text-decoration: none !important;
}

.maskdesc .ja-slide-desc a span {
color: #fff
font-size: 150%;
font-weight: bolder;
text-transform: uppercase;
}

.maskdesc .ja-slide-desc br {
display: none;
}

.maskdesc .ja-slide-desc h3 {
margin: 0;
padding: 0;
}

.maskdesc .ja-slide-desc p a {
color: #ccc
}

.maskdesc a.readon {
background: url(arrow-ri.gif) no-repeat right 7px;
bottom: 2px;
color: #ccc
display: block;
font-size: 100%;
font-weight: bold;
padding: 0 8px 0 0;
position: absolute;
right: 20px;
}

.maskdesc a.readon:hover,
.maskdesc a.readon:active,
.maskdesc a.readon:focus {
background: url(arrow-ri-hover.gif) no-repeat right 7px;
color: #fff
}

.ja-slide-buttons span {
background: none repeat scroll 0 0 #000000
color: #FFFFFF
cursor: pointer;
display: block;
float: left;
margin-right: 5px;
padding: 2px 5px;
}

/*
.ja-slide-buttons span.ja-slide-prev {
background: url(arrow-l.png) no-repeat scroll right center;
height: 320px;
width: 342px;
position: absolute;
left: 0px;
}

.ja-slide-buttons span.ja-slide-next {
background: url(arrow-r.png) no-repeat scroll left center;
height: 320px;
width: 342px;
position: absolute;
right: 0px;
}
/*JA Sideshow [ Topspotlight 1]*/
#ja-slideshow .ja-slidewrap {
margin: 0;
padding: 0;
position: relative;
}

#ja-slideshow .ja-slide-mask {
background: #ccc
bottom: 10px;
display: none;
height: 70px;
position: absolute;
right: 10px;
width: 210px;
z-index: 99;
}

#ja-slideshow .ja-slide-thumbs-wrap {
background: #ccc
bottom: 10px;
position: absolute;
right: 10px;
z-index: 100;
}

#ja-slideshow .ja-slide-buttons {
bottom: 10px;
display: block;
left: 10px;
margin: 0;
padding: 0;
position: absolute;
z-index: 102;
}

#ja-slideshow .ja-slide-thumb img {
background: #000
border: none;
margin: 0px;
}

#ja-slideshow .ja-slide-item img {
border: none;
padding: 0;
}

#ja-slideshow .maskdesc {
background: none;
}

#ja-slideshow .maskdesc .ja-slide-desc {
color: #fff
font-size: 100%;
padding: 20px 10px;
position: absolute;
right: 0;
top: 0;
width: 230px;
}

#ja-slideshow .maskdesc .ja-slide-desc h3 {
color: #ccc
text-transform: uppercase;
}

/* SCROLL LEFT
—————————————–*/
/* Horizontal —*/
.ja-vertical_right {
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 100;
}

/* horizontal —*/
.ja-vertical_left {
left: 0;
overflow: hidden;
position: absolute;
top: 0;
z-index: 100;
}

.ja-vertical_right .active {
background: url(arrow-bg.png) no-repeat center left;
}

.ja-vertical_left .active {
background: url(arrow-bg.png) no-repeat center right;
}

.ja-slide-right {
margin-left: auto;
right: 0;
top: 0;
}

.ja-slide-thumbs, .ja-slide-thumbs-mask, .ja-slide-thumbs-handles {
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 5000px;
}
/*
.ja-articles .ja-slide-thumbs-handles {
background: #fff
filter: alpha(opacity=0);
opacity: 0.00;
} */

.ja-slide-descs {
display: none;
}

.ja-slide-thumb, .ja-slide-thumbs-handles span {
cursor: pointer;
display: block;
float: left;
margin: 0;
}

/* horizontal */
.ja-vertical_right .ja-slide-thumb, .ja-vertical_right .ja-slide-thumbs-handles span{
float: none!important;
}

.ja-vertical_left .ja-slide-thumb, .ja-vertical_left .ja-slide-thumbs-handles span{
float: none!important;
}

.ja-slide-thumbs-wrap .active .ja-slide-thumb-inner {
background: url(grad-bg.gif) repeat-x top left #57212A
}

.ja-slide-thumbs-wrap .active .ja-slide-thumb-inner h3 {
color: #fff !important;
}
/*
.ja-slide-thumbs-handles span {
}
*/
.ja-slide-thumbs-mask-left,
.ja-slide-thumbs-mask-right,
.ja-slide-thumbs-mask-center {
float: left;
}

.ja-vertical_right .ja-slide-thumbs-mask-left,
.ja-vertical_right .ja-slide-thumbs-mask-right,
.ja-vertical_right .ja-slide-thumbs-mask-center {
display: block;
float: none;
}

.ja-vertical_left .ja-slide-thumbs-mask-left,
.ja-vertical_left .ja-slide-thumbs-mask-right,
.ja-vertical_left .ja-slide-thumbs-mask-center {
display: block;
float: none;
}

.ja-slide-thumb-inner {
background: #000
border-top: 1px solid #191A1B
color: #757575
height: 100%;
margin-left: 19px;
padding: 0 15px;
}

.ja-vertical_left .ja-slide-thumb-inner {
margin-left: 0px;
margin-right: 19px;
}

.ja-slide-thumb-inner img {
background: #000
border: 1px solid #1C1C1C
margin: 15px 5px 0 0;
padding: 3px;
}

.ja-slide-thumb-inner h3 {
font-size: 11px;
margin: 0px !important;
padding: 15px 0 0 !important;
}

.ja-slide-thumb-inner .ja-createdate {
}

.active .ja-slide-thumb-inner {
border: none;
color: #fff
}

.active .ja-slide-thumb-inner img {
background: #57212A
border: 1px solid #67373F
}

.ja-slide-thumbs-mask-left,
.ja-slide-thumbs-mask-right,
.ja-slide-thumbs-mask-center {
float: left;
}

.ja-slide-thumbs-mask-left, .ja-slide-thumbs-mask-right {
background: #000
}

.ja-slidewrap_methys .maskDesc {
z-index: 101;
}

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#474070

Hi,

Pls check out our demo page http://www.joomlart.com/demo/#joomla25-templates.joomlart.com/ja_methys/ , as you can see the Methys template does not support description and readmore on slideshow. I suggest that you can use JA Event skin, try to download JA Event template, extract it and copy folder html/mod_jaslideshow and paste to JA Methys template’s folder. Hope that can help you more 🙂 .

Regards,

[Author]

Posts