RTL Problems with some shortcodes

av_admin_1984

Hi

1.The countdown timer in RTL have problem and must show in true way, I fixed the problem with css

.mcb-wrap, .column, .columns{float: left !important;}

2.The question mark in RTL is wrong and should be rotate , See the example :

1-wrong

2-Right

3-Would you please add Telegram, Whats App icon to your font icons?

Thanks.

Pablo

Hi,

Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

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

av_admin_1984

Hi Phil,

Thanks , I want to sent you address with wp login but I couldn't fined the private message!

Phil

Please send this information privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact

Notice!

Please attach a link to this forum discussion.

Thanks

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

Pablo

1) Glad to hear that you solved it out.

2) Please use this CSS code:

body.rtl .alert .alert_icon{
   transform: scaleX(-1) !important;
}

3) We'll talk about it with the developer team, for now we have to finish our actual target :)

thanks

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

av_admin_1984

Hi

Thanks for your help and pice of code,

I have sent that via contact form and waiting for your answer.

Thanks.

Why this Item dos not support solar calendar ?

av_admin_1984

I hope that your actual target be finishing new muffin builder ? and I'm waiting for that

hurry up?

av_admin_1984

Hi

This css was fixed one icon and croup another one.

https://vod-progressive.akamaized.net/exp=1607765844~acl=%2A%2F2200398849.mp4%2A~hmac=8e813d2faa4e3a998ee974efd727f865b8c9062139fc03db0ee87034d8db9cb3/vimeo-prod-skyfire-std-us/01/3020/19/490102254/2200398849.mp4?download=1&filename=Icon.mp4

1. body.rtl .alert .alert_icon{
2.    transform: scaleX(-1) !important;

Pablo

Sorry, but I cannot get into that 'vod-progressive' website, it's secured route.

Can you upload it on some other website or give me an access?

thanks

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

av_admin_1984

https://streamable.com/15bhp7

Would you please tell me how can I : search in this forum to find the questing before submitting one?

and how can I send you comment in CODE like what you was sent to me ?

Pablo

You can search the question here:

About the code, highlight the code you want to code and click this icon

So, do you want only the "?" icon to be in other way? Or do you have any other icons which you want to be in other way?

thanks

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

av_admin_1984

I have cheeked all the icons and all them and some of them are fine in RTL mode , and these files should be rotated for RTL.

Now you are working on it , Please add Telegram Icon ?

icon.txt

Thanks.

Pablo

Sorry, but icons in RTL won't be mirrored, because it's not correct is with UX rules, only arrows and directional icons should be mirrored (and they should be already mirrored), see this link:

https://material.io/design/usability/bidirectionality.html#mirroring-elements

If you want to make it working as you wish, you should create a CSS code like that:

For all of the icons that you listed there - simply, copy and paste :)

Thanks

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

av_admin_1984

With this css code many Icon going to mirrored and its wrong , for example the @ being mirrored

body.rtl .alert .alert_icon{
   transform: scaleX(-1) !important;
}

and the list I sent you that was mirrored whit that css code and shouldn't be!

The rest of them are okay with above css code.

I'm not sure was that clear or not

Pablo

Yes, I know - that's why I asked you to use this code I mentioned above.

Just add more of them, like on the example, after the " , " sign, just copy and paste it and change the .icon-aim (for example), to .icon-yourname

Thanks

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