JM Product Slider visual issue

I have noticed this thing long long ago, but i thought it was something cause of my browser as i mostly work in Chrome, but recently i started testing my template for certain things on different browsers and i have noticed that this issue is the same in Opera; I checked with other man and they have this issue in Google chrome too; i do not know about the rest browsers, but i guess it’s enough to post the issue;

So here you is for front page -- http://prntscr.com/3mo2k5

Here is at the bottom -- http://prntscr.com/3mo2v6

I don;t know why it happens, as not all the slider get this issue

p.s. Also if you just right click the slider and inspect it, the issue Disappears instantly here is a print screen

http://prntscr.com/3mo37f

1 answer

Profile photo of Seoki Lee 1510.00 $tone May 26, 2014
Public

Thanks you for your report, we will update bug fix for this soon.

For a quick fix, please open this file: /skin/frontend/default/jm_megamall/joomlart/jmproductsslider/css/style.css, on line 295:
Replace this rule:

Code:

.jm-products-slider-vertical li {
    margin: 0 0 10px;
    text-align: left;
}

With:

Code:

.jm-products-slider-vertical li {
	height: 90px !important;
    margin: 0 0 10px;
    text-align: left;
}

Then, open the file skin/frontend/default/jm_megamall/joomlart/jmproductsslider/css/style.css, on line 34
Replace:

Code:

.jm-slider li {
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    text-align: center;
}

With:

Code:

.jm-slider li {
    float: left;
	height: 130px !important;
    margin: 0 10px 0 0;
    overflow: hidden;
    text-align: center;
}
#1

Please login or Register to Submit Answer

Written By

Comments