-
Closed
-
Hi, my customer reports to me this bootstrap slider issues (on http://test2.nicem.it):
On Safari, MacOSX, a vertical black line appears on the slides: http://test2.nicem.it/black-line_safari.jpg
On Safari, MacOSX, the left arrow is on the left edge, the right one is far instead: http://test2.nicem.it/space_arrows_safari.jpg
On Chrome, Windows, the right arrow is closer to the edge than the left one: http://test2.nicem.it/space_arrows_chrome_windows.jpg
we have in the custom css these lines:
#bootstrap-slider .carousel-caption h2 {background:none;}
.carousel-caption {background:none;}Thank you!
Hi,
First of all, Your website looks the same on Firefox and Safari on Mac as well as Chrome on Windows, there is no vertical black line and the right arrow is a bit nearer to the edge. Please see screenshots.
Firefox on Mac http://prntscr.com/7stzr4
Safari on Mac http://prntscr.com/7stzw1
Chrome on Windows http://prntscr.com/7su7hd
There is no class name to target specific browser, Using my Firefox browser and firebug extension, I can only provide you custom css to balance the arrow positions.
Please use the following in Theme Options -> Custom CSS
.right.carousel-control img {
right: 42%;
}
Screen shot of result. http://prntscr.com/7su281
That’s all I can help on this issue.
You may want to try out other sliders, such as revolution slider and layerslider that comes with the theme.
You are using a very old version of Evolve Plus theme, you can download the latest theme version 1.9.0 from your admin account on this website.
Thanks!
Denzel
The customer tells me on 2 different Mac with Safari they have the black vertical line. I’m asking them if they have the latest Safari version.
The topic Bootstrap slider issues is closed to new replies