Range slider size

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter zeno001

    (@zeno001)

    11 years, 9 months ago

    Here’s an example screenshot of what I mean:

    https://www.dropbox.com/s/jua7zoxrsv8xbkd/Range%20slider.png

    I’ve added the numbers 1 to 10 above the slider – they don’t quite line up with the slider steps (but probably close enough), but it would be far better to have a longer (wider?) slider to space it out more.

    Is there any solution to this?

    Thanks!

    Rick

    (@figurehead)

    11 years, 5 months ago

    I’m having the same issue. I would like to have the bar as long as my content column width but I can’t figure it out.

    Can somebody help? 🙂

    thanks!
    rick

    Neil Murray

    (@buzztone)

    11 years, 5 months ago

    You may be able to change the overall length using CSS styling.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    However CF7 uses the new HTML5 elements for these fields. Browser support is limited (see – http://www.wufoo.com/html5/)

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

The topic ‘Range slider size’ is closed to new replies.