Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 11, 2020 at 8:33 am #1202858
    rakista80

    Hi Guys,

    I need help with a messed up CSS in the translation page (Arabic) of my woocommerce website.
    Please have a look:
    Desktop view: https://prnt.sc/rx6dzx
    Mobile view: https://prnt.sc/rx6eqq

    Thank you,

    Eric

    April 14, 2020 at 9:57 am #1203498
    Rikard

    Hey rakista80,

    Sorry for the late reply and thanks for the login details and screenshots. Could you please link to an example page as well please? I can’t find a product which show the problem in your screenshots.

    Best regards,
    Rikard

    April 14, 2020 at 11:50 am #1203533
    rakista80

    Hello Rikard,

    Please check this url: https://baitouti.com/ar/product/stylist-lingerie/

    April 16, 2020 at 6:57 am #1204266
    Rikard

    Hi,

    Thanks for that, you can fix the colours with this:

    .tawcvs-swatches .swatch-color {
    float: left;
}

    The sizes looks a bit more difficult though since the L button has different markup compared to the others. The letter L is not inside of a span tag, but the others are. How does it look on a none translated/none arab language page?

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.