Skip to main content
Known Participant
May 6, 2019
Question

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

  • 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.

    4 replies

    Known Participant
    May 7, 2019

    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
    Community Expert
    May 7, 2019

    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
    Known Participant
    May 7, 2019

    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?

    Known Participant
    May 7, 2019

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

    Known Participant
    May 7, 2019

    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?

    Nancy OShea
    Community Expert
    Community Expert
    May 7, 2019

    victora95358228  wrote

    Guess I have to use the PS New Grid Layout to get it to duplicate the placing and size and then do the math?

    Sorry, I don't have any idea what you mean.  Is there a link to the online website that we can look at?

    Nancy O'Shea— Product User & Community Expert
    Known Participant
    May 7, 2019

    Here is the link:

    https://webdemor.info/buzju/

    Thank you for your help!

    Sahil.Chawla
    Adobe Employee
    Adobe Employee
    May 6, 2019

    Hi Victor,

    That does not sound a typical experience, have you merged the image and text together before uploading it on the website?

    Also, at what zoom level are you viewing in the web browser and in Photoshop?

    Are you using a high resolution display (Retina or other 4k displays)?

    Regards,
    Sahil

    Known Participant
    May 6, 2019

    The text is not within the photo. There is a parallax effect. Yes, I am on a Mac Retina