技术咨询：如何移除页眉图片边框及覆盖它的白框？站点：http://bentleyandhudson.com

Hey there! Let's tackle those two header image issues you're facing. I’ve analyzed the site’s structure and here are targeted CSS fixes for both problems:

The border is likely coming from either the image itself or its parent container. Add this CSS to your theme’s custom stylesheet or the Additional CSS section in your site’s dashboard:

/* Remove border directly from the header image */
.site-header img {
  border: none !important;
}

/* If the border is from the image's container, target this too */
.site-header .custom-header-media {
  border: none !important;
}

Pro tip: If !important feels heavy, you can use more specific selectors (like combining the element class with its parent) to override default theme styles without it—just inspect the element with your browser’s dev tools (F12) to grab the exact classes.

That white overlay is probably a semi-transparent element or pseudo-element added by your theme to boost text readability. To get rid of it, use this CSS:

/* Hide the white overlay element entirely */
.site-header .custom-header-overlay {
  display: none !important;
}

/* Alternative: Keep the element but make it fully transparent */
/* .site-header .custom-header-overlay {
  background-color: transparent !important;
} */

If the selector doesn’t match exactly, use your browser’s dev tools to find the exact class of the overlay—hover over the white area in the inspector to pinpoint it quickly.

内容的提问来源于stack exchange，提问作者Annabelle