I have tried a few solutions in the other threads but no luck yet. There is a grey border around all the elements in Dawn theme - why? whats the about.
Hi @AKMiller 
Use images marked up to aid your descriptions not everyone sees what you see or interprets it the same way.
On chrome browser desktop windows 10 there is no immediate issue visible on the provided site for “all” elements having some border.
The closest is that the background itself is grey.
If you mean around images like the following screenshot around the airplane image that should be directly from your border settings.
CSS band-aid in a custom css theme setting:
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
.global-media-settings { border: none !important; }
If you mean something like that following screenshot with a grey box around interactive elements such as the “Contact” menu item that is the focus highlight and the color is just a result of your chosen color settings.
The highlight is for accessibility DO NOT remove it, especially on a website already using poor color contrasts.
Hi @AKMiller
Please be more specific. Which elements are you referring to?
if the images. Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
- And Save.
- Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Thanks, I was referring the the grey boarder around all the images and around each section. Your solution helped remove the border around the images but it remains at the footer and the header. I really appreciate your help 
Is it possible to make the changes in theme editor - custom CSS rather than in the Theme Code directly?