Joomla Templates Club 406,261 posts

[pagefactory Friend pagefactoryJoin date: March 2012Posts: 102Downloads:20Uploads:11 Thanks: 1 Thanked: 3 times in 1 posts]

#205798

hi there,

site url. http://www.sensavloeren.nl joomla 3x ja_decor

on my mac , firefox browser, in fullscreen , the modules article category are going up, over the slideshow
screenshot

I change the size in height into 350 px in the slide-module (JA Slideshow Lite)

how come and what to do to fix this ?

regards

Rob

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#568511

My solution below will help you out

Open templates/ja_decor/css/themes/brown/template.css file

find and change

@media (min-width: 1400px) {
.t3-slideshow {
margin-bottom: -300px;
}
}


to

@media (min-width: 1400px) {
.t3-slideshow {
margin-bottom: 0px;
}
}


Hope it helps

[pagefactory Friend pagefactoryJoin date: March 2012Posts: 102Downloads:20Uploads:11 Thanks: 1 Thanked: 3 times in 1 posts]

#568592

Hi Ninja,

Thanks a lot it works, great !!

but a little other problem rising up, in fullscreen modus you see now this
the little black things.

regards

Rob

[pagefactory Friend pagefactoryJoin date: March 2012Posts: 102Downloads:20Uploads:11 Thanks: 1 Thanked: 3 times in 1 posts]

#733686

Hi Ninja,

Thanks a lot it works, great !!

but a little other problem rising up, in fullscreen modus you see now this
the little black things.

regards

Rob

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#568641

<em>@pagefactory 470728 wrote:</em><blockquote>Hi Ninja,

Thanks a lot it works, great !!

but a little other problem rising up, in fullscreen modus you see now this
the little black things.

regards

Rob</blockquote>

I don’t see attachment file of you mentioned above but I checked directly on your site and saw it

You can remove little black with my solution here

Open templates/ja_decor/css/themes/brown/mod_jaslideshowlite.css file

find and change


.ja-ss-btns span {
background: #000000 ;
color: #ffffff
cursor: pointer;
display: block;
height: 40px;
margin: 00;
padding: 0;
width: 40px;
line-height: 40px;
position: absolute;
text-align: center;
opacity: 0.8;
filter: alpha(opacity=80);
}

.ja-ss-btns .ja-ss-prev:before {
border-right: 20px solid rgba(0, 0, 0, 0);
border-top: 40px solid #000000 ;
content: "";
left: 100%;
position: absolute;
top: 0;
}

.ja-ss-btns .ja-ss-next:before {
border-bottom: 40px solid #000000 ;
border-left: 20px solid rgba(0, 0, 0, 0);
content: "";
position: absolute;
right: 100%;
top: 0;
}


to


.ja-ss-btns span {
background: none ;
color: #ffffff
cursor: pointer;
display: block;
height: 40px;
margin: 00;
padding: 0;
width: 40px;
line-height: 40px;
position: absolute;
text-align: center;
opacity: 0.8;
filter: alpha(opacity=80);
}

.ja-ss-btns .ja-ss-prev:before {
border-right: 20px solid rgba(0, 0, 0, 0);
border-top: 0px solid;
content: "";
left: 100%;
position: absolute;
top: 0;
}

.ja-ss-btns .ja-ss-next:before {
border-bottom: 0px solid;
border-left: 20px solid rgba(0, 0, 0, 0);
content: "";
position: absolute;
right: 100%;
top: 0;
}


---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#733735

<em>@pagefactory 470728 wrote:</em><blockquote>Hi Ninja,

Thanks a lot it works, great !!

but a little other problem rising up, in fullscreen modus you see now this
the little black things.

regards

Rob</blockquote>

I don’t see attachment file of you mentioned above but I checked directly on your site and saw it

You can remove little black with my solution here

Open templates/ja_decor/css/themes/brown/mod_jaslideshowlite.css file

find and change


.ja-ss-btns span {
background: #000000 ;
color: #ffffff
cursor: pointer;
display: block;
height: 40px;
margin: 00;
padding: 0;
width: 40px;
line-height: 40px;
position: absolute;
text-align: center;
opacity: 0.8;
filter: alpha(opacity=80);
}

.ja-ss-btns .ja-ss-prev:before {
border-right: 20px solid rgba(0, 0, 0, 0);
border-top: 40px solid #000000 ;
content: "";
left: 100%;
position: absolute;
top: 0;
}

.ja-ss-btns .ja-ss-next:before {
border-bottom: 40px solid #000000 ;
border-left: 20px solid rgba(0, 0, 0, 0);
content: "";
position: absolute;
right: 100%;
top: 0;
}


to


.ja-ss-btns span {
background: none ;
color: #ffffff
cursor: pointer;
display: block;
height: 40px;
margin: 00;
padding: 0;
width: 40px;
line-height: 40px;
position: absolute;
text-align: center;
opacity: 0.8;
filter: alpha(opacity=80);
}

.ja-ss-btns .ja-ss-prev:before {
border-right: 20px solid rgba(0, 0, 0, 0);
border-top: 0px solid;
content: "";
left: 100%;
position: absolute;
top: 0;
}

.ja-ss-btns .ja-ss-next:before {
border-bottom: 0px solid;
border-left: 20px solid rgba(0, 0, 0, 0);
content: "";
position: absolute;
right: 100%;
top: 0;
}


[Author]

Posts