Help, Font in pixels but size is different on the website

Forum|Forum|6 years ago
May 6, 2019
4 replies
2667 views

Help. I built a PSD document in 1800px width with 72 pixels/inch. When the font is on the website it shows the same pixels as the PSD document (see below) but as you can see the size in relation to the image, look how much farther to the right the text is on the website. Here is the PSD you can see the 70px.

Here is the webpage screenshot, you can see the 70PX:

Thank you in advance!!

This topic has been closed for replies.

V

victora95358228Author

Known Participant

The question is/was how do you then get it to duplicate the same size and positioning as it is on the PSD.

Nancy OShea

Community Expert

I use PS for images only. I build the site layout with Bootstrap responsive grids. The text will change size and position on smaller devices. That's how the responsive web works.

Nancy O'Shea— Product User & Community Expert

V

victora95358228Author

Known Participant

I am going to have a developer help with this, I assume this can all be done with a current theme inside of child theme?

V

victora95358228Author

Known Participant

The question is/was how do you then get it to duplicate the same size and positioning as it is on the PSD.

V

victora95358228Author

Known Participant

Thanks Nancy, I was going to use rem. I will take a look at CSS calc. Guess I have to use the PS New Grid Layout to get it to duplicate the placing and size and then do the math?