Support Forums

Support Forums Forums Search & Filter Pro How to Align Range Text Upper Limit to Right

This topic is: resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Jin Hoe Lian


    I would like to know how to style the range text upper limit to right.

    Example from this:

    To this:


    Trevor Moderator

    Are you able to send me a live link/URL to your search page so I can take a look?

    Jin Hoe Lian

    Unfortunately, I’m running this locally now. Is there anything else I can provide? Paste the code?

    Trevor Moderator

    OK, you need to do two things.

    Set the field to have a max-width, something like this:

    .sf-field-post-meta-edd_price {
      max-width: 235px;

    You will need the actual class name for the li element in the form, mine is just an example.

    Then this CSS to move the value over:

    .sf-range-max {
      float: right;
    Jin Hoe Lian

    Wow, almost there. The dollar sign prefix is still stuck in front.

    I tried adding sf-range-prefix but both $ prefix flew to the right.

    Any solution?

    Trevor Moderator

    Try having no prefix, and use this CSS:

    .sf-text-number:before {
      content: "$";
    Jin Hoe Lian

    Thank you so much! Problem solved!

    Trevor Moderator

    Thanks for letting me know. I will close this thread for now.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘How to Align Range Text Upper Limit to Right’ is closed to new replies.