Title: wrong css code in rtl
Last modified: October 2, 2021

---

# wrong css code in rtl

 *  [abelhabil](https://wordpress.org/support/users/abelhabil/)
 * (@abelhabil)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/wrong-css-code-in-rtl/)
 * In this address:
    [https://biapin.com/wp-content/themes/storefront/style-rtl.css](https://biapin.com/wp-content/themes/storefront/style-rtl.css)
   this code is wrong: .rtl .pagination a.next, .rtl .pagination a.prev, .rtl .woocommerce-
   pagination a.next, .rtl .woocommerce-pagination a.prev { **transform: rotateY(-
   180deg);** }
 * In Persian language قبلی and بعدی is correct, you must delete this part of rtl
   css code.

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Joash (a11n)](https://wordpress.org/support/users/joashrajin/)
 * (@joashrajin)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/wrong-css-code-in-rtl/#post-14934507)
 * Hi [@abelhabil](https://wordpress.org/support/users/abelhabil/) 👋
 * Thanks for reporting this matter to us! Could you please elaborate on why what
   code needs to be removed?
 * Once I have more information, I will forward this over to our developers 🙂
 *  Thread Starter [abelhabil](https://wordpress.org/support/users/abelhabil/)
 * (@abelhabil)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/wrong-css-code-in-rtl/#post-14957427)
 * In this file: /wp-content/themes/storefront/style-rtl.css you write this code:
 *     ```
       .rtl .pagination a.next, .rtl .pagination a.prev, .rtl .woocommerce-pagination a.next, .rtl .woocommerce-pagination a.prev {
           transform: rotateY(
       -180deg);
       }
       ```
   
 * This code mirror the text.
    But in Persian no need to mirror these text. In Persian
   قبلی and بعدی is correct (after translate). When I remove this code is chrome
   inspect or unset “transform” in custom css, these text are display correct.
 *  [Rynald0s](https://wordpress.org/support/users/rynald0s/)
 * (@rynald0s)
 * Automattic Happiness Engineer
 * [4 years, 5 months ago](https://wordpress.org/support/topic/wrong-css-code-in-rtl/#post-14964809)
 * Hi [@abelhabil](https://wordpress.org/support/users/abelhabil/)!
 * Thanks for elaborating.
 * In this case, I would recommend you submit an issue in the official Storefront
   Github here [https://github.com/woocommerce/storefront](https://github.com/woocommerce/storefront)
 * You are welcome to submit a PR, too, for our developers to review.
 * Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘wrong css code in rtl’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png)
 * Storefront
 * [Support Threads](https://wordpress.org/support/theme/storefront/)
 * [Active Topics](https://wordpress.org/support/theme/storefront/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/storefront/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [pagination](https://wordpress.org/support/topic-tag/pagination/)
 * [persian](https://wordpress.org/support/topic-tag/persian/)
 * [RTL](https://wordpress.org/support/topic-tag/rtl/)

 * 3 replies
 * 3 participants
 * Last reply from: [Rynald0s](https://wordpress.org/support/users/rynald0s/)
 * Last activity: [4 years, 5 months ago](https://wordpress.org/support/topic/wrong-css-code-in-rtl/#post-14964809)
 * Status: not a support question