Changing hh-answers-background-color

Search
1

Hi HH Team!

Is there a way to change the hh-answers-background-color for an Answers Overlay, but not for the normal Answers experience that’s already live on a page? For reference, in the test environment for an overlay below I see that html.YxtPage-doc (red arrow) is being set to an off-white color by hh-answers-background-color (highlighted in dev tools). On the Yext platform, this property is found in answers-variables.scss. It seems like changing #F2F5FB (off-white) to white will change the normal experience too, but I’m just trying to change the background of the overlay. Is there another way to change this background color on one and not the other? Thank you!

image
image1914×930 166 KB

image
image445×516 16.9 KB

2

Turns out it was a pretty easy fix! I added the following into answers.scss

.Overlay {
  background-color: white;
}