RTL offer slider

HajAmir · December 2017

Hi,

Offer slider on my site looks like as the following screenshot:

https://goo.gl/F9ytdc

It's not exatly the RTL version of offerslider.

I want the text to be on the right, the pic on the left and the thumbnails stay where they are now.

HajAmir · December 2017

website address: https://goo.gl/vuyHTk

Bryan · December 2017

Hi,
sorry but no links work, please check it.
thanks

HajAmir · December 2017

Slider:

https://goo.gl/Zq81zw

website:

https://goo.gl/VYDVST

Bryan · December 2017

Sorry but the text is RTL and the location of the image has nothing to do with rtl.

HajAmir · December 2017

the location of the image is next to thumbnails but in the non-rtl version text comes in between them

Bryan · December 2017

Try this css

.offer_thumb_ul .offer_thumb_li .image_wrapper {
	float: left !important;
	width: 55% !important;
}
.offer_thumb_ul .offer_thumb_li .desc_wrapper {
	float: left !important;
	width: 31% !important;
}

HajAmir · December 2017

Thanks it almost worked. I changed it a little bit because it is not in the center so I changed the width of the first css block (width to 45%).Any better way to do this??

Another request is that when you click a thumbnail and the slide is in transition, the text of the slide is not cut when touching thumbnails section. The text goes from under the thumbnails and it is visible. I don't want it to happen. in non-rtl version, the text is cut and not visible.

Thanks

HajAmir · December 2017

any response?

HajAmir · December 2017

Another problem with the code just appeared: I placed your exact code into the page again and it works fine with the desktop but not on mobile devices...

Bryan · December 2017

What do you mean exactly, the text does not go under the thumbnails,
http://prntscr.com/hss9mf
thanks

RTL offer slider

Comments