castos player layout

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.

thanks

but where should i put this CSS code?

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.

thanks a lot

@xray22

You are welcome, hope you’ll manage to fix it all over your site.