RTL CSS Fix

  • Resolved ilan76

    (@ilan76)


    5 years, 3 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 5 years, 3 months ago by ilan76.
Viewing 8 replies - 1 through 8 (of 8 total)
  • Ben Ritner – Kadence WP

    (@britner)

    5 years, 3 months ago

    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)

    5 years, 3 months ago

    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

    Ben Ritner – Kadence WP

    (@britner)

    5 years, 3 months ago

    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)

    5 years, 3 months ago

    Yes, correct – just switching places between the two…

    Ben Ritner – Kadence WP

    (@britner)

    5 years, 3 months ago

    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)

    5 years, 3 months ago

    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.

    Ben Ritner – Kadence WP

    (@britner)

    5 years, 3 months ago

    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)

    5 years, 3 months ago

    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.