Jump to content

shuvit

Member
  • Posts

    1
  • Joined

  • Last visited

shuvit's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Sorry for the necro, but since I was looking for a way to do this and figured it out I reckoned I'd add my solution here. You have to find the identifier for the specific input field by looking through the Developer Tools Interface (F12 in your browser on your site, not in the squarespace UI). The line I was looking for looked like this: <input class="field-element" type="text" id="number-yui_3_17_2_1_1590473097859_54344-field" spellcheck="false" aria-required="true"> Go watch a tutorial on how to use the Dev Tools Interface if this is your first time, youtube probably has loads of them. After finding the code for your specific input element, copy the id of it - in my case that would be "number-yui_3_17_2_1_1590473097859_54344-field". Then, add Custom CSS to the page with the form like in my example: #number-yui_3_17_2_1_1590473097859_54344-field { width: 200px; } You can add whatever styling you want inside the brackets, mine just sets the width of the input field to 200 pixels.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.