Hi @xray22,
It looks like you use right-to-left styling on your website. If you’d like to have the player the same way, as it shows on left-to-right websites, you can try adding the following CSS style:
.rtl .castos-player {direction: ltr}
If you wanted to keep the current player blocks positioning, but just fix the paddings/margins, you can try the following style:
.rtl .castos-player .player__body {padding: 13px 0 10px 13px}
Hope this helps and please let me know if it fixes your issue.
Best regards,
Serhiy.
Thread Starter
xray22
(@xray22)
thanks
but where should i put this CSS code?
Thread Starter
xray22
(@xray22)
sir the code worked with elementor thanks.
But I want to know that can i use this code in one particular area that impact each episode so that i don’t have to implement the code for each of my episodes?
Hi @xray22,
Yes, you’ll need to apply those styles globally, not for the particular block or page. You can try to look for “Additional CSS” settings in your theme – Appearance -> Themes -> Customize. If you can’t find those settings, try to google how to do it with your theme.
@xray22
You are welcome, hope you’ll manage to fix it all over your site.