RTL CSS Fix

  • Resolved ilan76

    (@ilan76)


    3 years, 9 months ago

    Hi,

    You need to update to these css code lines for RTL languages on your next update:

    .entry-meta .meta-label {
    margin-left: 0.2rem;
}
.rtl .entry-meta .posted-by .meta-label {
    order: 0;
}
    • This topic was modified 3 years, 9 months ago by ilan76.
Viewing 8 replies - 1 through 8 (of 8 total)

  • Hey,
    can you link to how you have things set up? I have RTL css added to the theme for meta output. I wonder if something else is conflicting with that.

    Ben

    Thread Starter ilan76

    (@ilan76)

    Hi @britner, still under development not live (localhost).
    I usually hide all the rest except the author, just encountered this issue and quickly applied this fix.

    Don’t see any issues with that so far, if I encounter anything else, I’ll update.

    Thanks

    If I understand correctly your css is going to make the “By Author” switch to

    “Author By”

    In tests with RTL that shouldn’t happen right? Or am I thinking about this incorrectly?

    Ben

    Thread Starter ilan76

    (@ilan76)

    Yes, correct – just switching places between the two…

    When I test default themes or other popular themes in RTL this is not how By Author is changed? Why is Author By correct?

    Ben

    Thread Starter ilan76

    (@ilan76)

    Yes, maybe not many notice or care about it for some reason.

    As all text in RTL, it’s actually gonna be read “By Author” – so when reading from Right to left, it’s need to be written:
    “Author By” <–

    Many themes also have an option to remove the “By” altogether – making it even much simpler and cleaner and don’t even need to translate it.

    I believe that what most prefer to do anyway.

    Hi,
    There is an option in Kadence to remove “by” altogether. ??

    It’s interesting because I’m not sure what to use as my basis now for what is correct and incorrect when testing in RTL I see lots of things that are not rearanged in the order.

    Ben

    Thread Starter ilan76

    (@ilan76)

    Probably missed that, so all’s good.
    You may want to update it anyway if you wish.

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘RTL CSS Fix’ is closed to new replies.