test
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • pagefactory Friend
    #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


    1. joomart-1
    Ninja Lead Moderator
    #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
    #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
    #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
    #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;
    }


    1. Screen-Shot-2015-04-28-at-16.05.26
    Ninja Lead Moderator
    #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;
    }

Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 6 replies, has 2 voices, and was last updated by  Ninja Lead 9 years, 7 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum