How can I make a line 5px wide (height)


I want to create an underline for the main nav.

I can change the thickness of an H Rule line so i created an image.

The issue is when I try to make the 5px line longer (width) it reverts to a minimum of 10px (height).

Any ideas/suggestions?


Hi @GJankowski!

If you type the width value in the property window does it still revert the height to 10px?

Here’s a quick workaround for creating a 5px line:

  1. Create two “H.Rule” lines.
  2. Place them directly on top of each other.
  3. Group both the lines.
  4. Crop the grouped lines in half.

Once you have cropped the image of the grouped lines, you should be able to change the width to whatever you’d like without affecting the height. You can also duplicate this cropped group as many times as you want for more 5px lines. :smile:

Let me know if I explained that well and/or if you have any other questions!


Much easier that the way I did it with h.rule lines.