setting city name field all equal width

  • Resolved bulletjie

    (@bulletjie)


    2 years, 11 months ago

    Hi, I was wondering if it is possible to have the city name field all equal in width, I have 8 clocks (text style) on my site but because the city name length differ the alignment is not nice. My aim is that if the city width can be set at the same width the time and day should also line up correctly.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Maksym Marko

    (@markomaksym)

    2 years, 11 months ago

    Hello. Try add some css code. Eg:

    <style>

    .mx-localize-time > div {

      display: flex;

      margin-right: 28px;

      flex-wrap: wrap;

    }

    .mx-localize-time span {

      text-align: left;

    }

    .mx-localize-time span.mx-simple-elem-time_zone {

      width: 25%;

    }

    .mx-localize-time span.mx-simple-elem-time {

      width: 25%;

    }

    .mx-localize-time span.mx-simple-elem-days {

      width: 50%;

    }

  </style>

    This code should work for desktop.

    Thread Starter bulletjie

    (@bulletjie)

    2 years, 11 months ago

    Great, thanks a lot, it worked like a charm.

    Plugin Author Maksym Marko

    (@markomaksym)

    2 years, 11 months ago

    Thank you too 🙂

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

The topic ‘setting city name field all equal width’ is closed to new replies.