How to remove new white space showing around website body on Chrome, but not other platforms

[jeanniez27121231]

RE:  https://tarotreadingsbyjeannie.com

Hello,

I am not a developer, but can follow directions if they include every step!  Recently, my website was hacked.  It is now restored, except I notice that there is a white space that appears to the right and at the bottom of my website when on google chrome on my desktop.  It also looks like the menu bar gets a little distorted above the headings.  It happens at various page size percentages.  I see it at 110% for example.  It seems fine on Safari and Firefox.  Any ideas. 

Thank you in advance.

I do not have access to dreamweaver, but I have access to my files on the server.

Jeannie

[Nancy OShea]

I see artifacts -- 2 thin white lines around your container.   It could be caused by code errors. See link below.

[Invalid] Markup Validation of https://www.tarotreadingsbyjeannie.com/ - W3C Markup Validator

[jeanniez27121231]

Nancy, this report is over my head!

[jeanniez27121231]

Can you explain to me what artifacts are and how to use this report?

[Jon Fritz · Accepted solution]

The white line is coming in from your background-color setting on you #pageWrapper class in your global.css file (line 57).

If you change the background-color:#EFFFDE to background-color:#3A3B4A that should hide the issues caused by zooming.

[jeanniez27121231]

I did this but no change... 😞

[Jon Fritz]

Did you upload it? I'm not seeing a change in the css of that file.

[jeanniez27121231]

Hi Jon,

I was having trouble with the firewall caching everything, and so nothing I did was showing up.  I have now learned how to clear the cache and GREAT NEWS....Your suggestion WORKED!  Thank you very much.