Divider space too thick

I Need Help
1

Using Blocs latest…

When I use a standard divider, the spacing is too wide, perhaps too “thick” is the correct wording.
I use the controls to adjust all way down to 1 pixel…still it seems the "buffer area is too wide (thick).
How am I screwing this up?

Divider
Divider1128×148 26.8 KB

D Settings

S Space
S Space1082×240 34.1 KB

Advice is appreciated!

Rich the Weather Guy

2

That “buffer” area is margin. You can look in the inspector to get the divider class then add it to your class manager. Or you can use bootstrap classes straight on the divider

Eg

.my-0

Will remove the margin top and bottom. You can set the 0 to 1 through to 5 to vary the margin.

3

That you Pete.
I will have to mess around with that!

Rich the Weather Guy

4

Hey Pete:

Went to BS 5 help pages, found what you were pointing to, but I can’t seem to add any class, or adjust the Blocs code for this:
Class Div
Won’t let me alter, adjust or add that class?

A little more help would be appreciated!

Thanks

Rich the Weather Guy

5

You’ll need to add it to the divider itself:

2022-09-15_17-00-14
2022-09-15_17-00-142508×880 179 KB

1 Like
6

Hi Jerry:

That worked…but the odd thing is the class does not appear in my classes box? However, I did type in “MY-1” and that did work.

Thank you!!

Rich the Weather Guy

7

You can have some great fun with trying my-2, my-3, my-4 and my-5 as well :laughing:

1 Like
8

@WeatherguyNH - you can call it anything I’m sure!

9

MY - GOSH! :stuck_out_tongue_winking_eye:

10

Not if you’re using BS classes. There are specific names.

Why create another class when there are existing classes your page is already loading.

1 Like
11

Am I doing something wrong using “MY” whatever?

12

What do you mean?

13

Yes. :grinning :
You can only use 1-5 or auto out of the box.

2022-09-17_07-24-19
2022-09-17_07-24-191362×498 86.4 KB

14

Jerry:

So how exactly do I use this info? Like I said, when I click on the divider, no class is present?

Divider
Divider1920×1031 102 KB

Thanks Jerry…

Rich the Weather Guy

15

Click inside the box :computer_mouse:. You should see now a blinking cursor. Once the cursor is blinking you type on your keyboard :keyboard: my-0 and press enter. Now the name: my-0 should visible on a pill–shape grey background. If nothing happens you’ve most likely made an error in the sequence above and you should start all over from step 1 :upside_down_face:.

More about the blinking cursor history here:

16

Exactly what I did in the first place.
Thank you for verifying… :woozy_face:

Rich the Weather Guy

17

That blinking cursor story is quite interesting…

Thanks for sharing!

Rich the Weather Guy