checkout progress bar RTL style

Start
Prev
1
Next
End

buzibuzi
Topic Author
Offline

Posts: 19
Thank you received: 0

11 years 5 months ago #139663

Hi,
is there a RTL version for the progress bar (as shown in the screenshot)
its styled in "media\com_hikashop\css\frontend_default.css" (line 1914 onwards)
i would like the arrows to go from right to left
i tried to edit the css but its not so simple to get it in the opposite direction.
is this a hikashop design or a bootstrap native ? perhaps its implemented elsewhere where i can search for it.
Thanks

Attachments:

Please Log in or Create an account to join the conversation.

nicolas
Away

Posts: 83987
Thank you received: 13603
MODERATOR

11 years 5 months ago #139680

Hi,

You can add the CSS:

.hikashop_wizardbar ul li{
	direction: rtl;
	float: right;
}

.hikashop_wizardbar ul li .hikashop_chevron{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	left: -14px;
	right: auto;
}

at the end of the file media/com_hikashop/css/rtl.css and that will flip the progress bar when the website is displayed in a RTL language.

We'll add that in next version of HikaShop.

The following user(s) said Thank You: buzibuzi

Please Log in or Create an account to join the conversation.