RTL offer slider

HajAmir

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

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

Bryan

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

HajAmir

Slider: 

https://goo.gl/Zq81zw

website:

https://goo.gl/VYDVST

Bryan

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

HajAmir

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

Bryan

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;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

HajAmir

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

any response?

HajAmir

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next