Adding a Logo to the Home Page Banner Video

Site URL: http://poppytroupe.com

PW for the site is homes4life

I was able to add the logo to the video banner but would love help removing the auto-text and fixing the cropping on the logo. Thank you!

Susan

Hey Susan, 

By Auto-Text do you mean the "Home" text on top? If so this should remove that and fix the logo Image:

[data-collection-id="5e909ca0ed1cf41f4de09f7b"] h1{
  opacity:0;
}

#collection-5e909ca0ed1cf41f4de09f7b .banner-overlay:after{
  background-size: contain !important;
}

That first list makes the "Home" text fully transparent, you could change the property-value to display:none; but that's going to reduce the size of your header.

That second piece of CSS is actually just overriding what you initially have in the Custom CSS area for the logo image. Ideally, you'd just replace the background-size value in what you already have from cover to contain then you wouldn't even need that second piece. 

Hope this helps!

Thank you so much Will, this is great. However, now there are 2 logos? Do you know how to address that? Thank you!

Ahh, yes. The default for the background property is to repeat (to me this seems like a relic of Internet past). So we'll need to set the background-repeat property to no-repeat and let's also center that logo up with background-position.  Add these two into that :after pseudo-element:

#collection-5e909ca0ed1cf41f4de09f7b .banner-overlay:after {
  background-repeat: no-repeat;
  background-position: center; 
}

Amazing, thank you soooo much Will!