Allign text in variable dropdown to the right

  • Don

    (@dontwerpt)


    8 years ago

    Hi,

    I’m trying to allign the text in the dropdown to the red line (As seen in the link below.)

    I’ve tried it with this css rule:

    `select {
    direction: rtl;
    }

    This alsmost has the desired effect. But it messes up the the text in general.

    I prefer to have it like this so it alligns on the longest variable name from the right.

    And thank you for the wonderfull plugin.

    https://wordpress.org/plugins/woocommerce/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Mike Jolley (a11n)

    (@mikejolley)

    8 years ago

    I don’t think this can be done with CSS because select elements are styled by the browser. I tried a few variations of text-align:justify; and so on but it didn’t change it unfortunately..

    Don.G

    (@dong-1)

    8 years ago

    Thank you for your reply Mike,

    That’s unfortunate. Well, it isn’t a major issue for me. I’ll try to convice my client!

    Thank you again.

    Plugin Author Mike Jolley (a11n)

    (@mikejolley)

    8 years ago

    You should be able to use text-align:right but they wouldn’t line up on that red line, they just just be against the right edge of the dropdown.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Allign text in variable dropdown to the right’ is closed to new replies.