: How to measure distance between text and element in Photoshop I find measuring the distance between an element and text rather complicated. Cause I need to first know the biggest letter and measure

Posted in: #AdobePhotoshop #Css #LineHeight #Measurement #Text

I find measuring the distance between an element and text rather complicated.
Cause I need to first know the biggest letter and measure the distance from that to the element. Then substract the padding from the line height.
It would be much easier if I could display the line height as a box or something so I can measure just from that.

Is that somehow possible?
How do you reliably measure the distance from text to an element to i.e. transfer it to css?

10.02% popularity Vote Up Vote Down

: How much SVG is too much SVG? I make vector illustrations and I also do a little bit of web design. I really want to combine the two. I have some ideas for some image heavy websites that

@Hamm6457569

Posted in: #Svg #Vector #WebsiteDesign

4 Comments

: Transparent artboard backgrounds in Photoshop I love the Photoshop artboard feature, however I'm used to seeing the transparent background grid. Is there any way to show this in my artboards in

@Hamm6457569

Posted in: #AdobePhotoshop #Artboard #Background #Transparency

7 Comments

: Merge two facing pages with Indesign I have such a document: 1) How to merge each spread (two facing pages) into one big page? For example, how to convert pages 2-3 (each of them A4) into

@Hamm6457569

Posted in: #AdobeIndesign #MasterPage #PageLayout

2 Comments

: How do i connect points on Sketch 3? Is there a way to connect points like illustrator in sketch? Also is there an easier way to delete a line from a shape without clicking open path?

@Hamm6457569

Posted in: #SketchApp

1 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Voss6371140

It depends what version of Photoshop you are using, but it has been made a lot easier in the recent updates of PS, especially in CC and I would recommend you to update to this version!

Simply select the Move tool (v) and when you are hovering over an element press and hold Ctrl. It will show you distance etc.

Then you can either use pixels in css or rems etc. Hope this helps!

10% popularity Vote Up Vote Down

@Cofer715

Showing the text box
View > Show > Layer Edgers
You selected layer will now be highlighted

Getting the distance
Use the ruler tool I sometimes behind hidden behind the eyedropper tool to get the actual distance. Keep the text box selected otherwise your highlighted layer will not show.

10% popularity Vote Up Vote Down

Feed

: How to measure distance between text and element in Photoshop I find measuring the distance between an element and text rather complicated. Cause I need to first know the biggest letter and measure

More posts by @Hamm6457569

: How much SVG is too much SVG? I make vector illustrations and I also do a little bit of web design. I really want to combine the two. I have some ideas for some image heavy websites that

: Transparent artboard backgrounds in Photoshop I love the Photoshop artboard feature, however I'm used to seeing the transparent background grid. Is there any way to show this in my artboards in

: Merge two facing pages with Indesign I have such a document: 1) How to merge each spread (two facing pages) into one big page? For example, how to convert pages 2-3 (each of them A4) into

: How do i connect points on Sketch 3? Is there a way to connect points like illustrator in sketch? Also is there an easier way to delete a line from a shape without clicking open path?

Login to post a comment!

2 Comments

Back to top | Use Dark Theme