CMS Development

Jere
Contributor

Is there a way to make the column width slider be more precise?

SOLVE

Relevant screen recording:

 

example.gif

 

The column width slider seems to move 100px at a time, which doesn't allow much precision in the editor. Is there a way to make it more precise, for an example to move 25px at a time? Or completely free movement?

 

This is a site using HubSpot's CMS Boilerplate.

0 Upvotes
1 Accepted solution
Kevin-C
Solution
Recognized Expert | Partner
Recognized Expert | Partner

Is there a way to make the column width slider be more precise?

SOLVE

Hey @Jere 

 

So the slider snaps in increments of 12 because the grid operates on 12 columns to a row. To get a better under standing of this checkout this link.

 

With that said there are a few ways you can approach this.

  1. Insert a horizontal spacer module to creadte whitespace
  2. Use the columns padding and margin to scale
  3. Use a custom module
  4. Nest columns in columns by dragging a new module to the edge of the column in question
    - then pay close attention to the UI itll give you a good idea where you're about to drop the module
Kevin Cornett - Sr. Solutions Architect @ BridgeRev

View solution in original post

1 Reply 1
Kevin-C
Solution
Recognized Expert | Partner
Recognized Expert | Partner

Is there a way to make the column width slider be more precise?

SOLVE

Hey @Jere 

 

So the slider snaps in increments of 12 because the grid operates on 12 columns to a row. To get a better under standing of this checkout this link.

 

With that said there are a few ways you can approach this.

  1. Insert a horizontal spacer module to creadte whitespace
  2. Use the columns padding and margin to scale
  3. Use a custom module
  4. Nest columns in columns by dragging a new module to the edge of the column in question
    - then pay close attention to the UI itll give you a good idea where you're about to drop the module
Kevin Cornett - Sr. Solutions Architect @ BridgeRev