Skip to content

Instantly share code, notes, and snippets.

@JacobLett
Created November 2, 2016 20:44
Show Gist options
  • Save JacobLett/a638ccce590cdd48ef974a38da6bae9a to your computer and use it in GitHub Desktop.
Save JacobLett/a638ccce590cdd48ef974a38da6bae9a to your computer and use it in GitHub Desktop.
HubSpot Leadin css
<style type="text/css" id="LeadinColors-64555">#leadinModal-64555 .leadinModal-content {
border-color: #999999 !important;
}
#leadinModal-64555 .leadinModal input:focus {
box-shadow: 0 0 0 2px #b8b8b8 !important;
}
#leadinModal-64555 .leadin-button-primary {
background: #999999 !important;
color: #FFFFFF !important;
}
#leadinModal-64555 .leadin-button-primary:hover {
background: #b8b8b8 !important;
}
#leadinModal-64555 .leadin-button-primary-border {
border: 1px solid #FFFFFF !important;
}
#leadinModal-64555 .leadin-button-secondary {
background: #FFFFFF !important;
color: #999999 !important;
}
#leadinModal-64555 .leadin-button-secondary:hover {
color: #b8b8b8 !important;
}
#leadinModal-64555.leadinModal-theme-top.leadinModal-preview.leadinModal-v3 .leadinModal-close:before,
#leadinModal-64555.leadinModal-theme-bottom-right-corner.leadinModal-preview.leadinModal-v3 .leadinModal-close:before,
#leadinModal-64555.leadinModal-theme-bottom-left-corner.leadinModal-preview.leadinModal-v3 .leadinModal-close:before {
color: #FFFFFF !important;
}
#leadinModal-64555.leadinModal-theme-top.leadinModal-preview.leadinModal-v3 .leadinModal-content,
#leadinModal-64555.leadinModal-theme-bottom-right-corner.leadinModal-preview.leadinModal-v3 .leadinModal-content,
#leadinModal-64555.leadinModal-theme-bottom-left-corner.leadinModal-preview.leadinModal-v3 .leadinModal-content {
background: #999999 !important;
}
#leadinModal-64555.leadinModal-theme-top.leadinModal-preview.leadinModal-v3 .leadinModal-content h4,
#leadinModal-64555.leadinModal-theme-bottom-right-corner.leadinModal-preview.leadinModal-v3 .leadinModal-content h4,
#leadinModal-64555.leadinModal-theme-bottom-left-corner.leadinModal-preview.leadinModal-v3 .leadinModal-content h4 {
color: #FFFFFF !important;
}
#leadinModal-64555.leadinModal-theme-top.leadinModal-preview.leadinModal-v3 .leadinModal-content p,
#leadinModal-64555.leadinModal-theme-bottom-right-corner.leadinModal-preview.leadinModal-v3 .leadinModal-content p,
#leadinModal-64555.leadinModal-theme-bottom-left-corner.leadinModal-preview.leadinModal-v3 .leadinModal-content p {
color: #FFFFFF !important;
}</style>
@JadBeev
Copy link

JadBeev commented Jan 3, 2024

Hello, I'm using a stack composed of Hubspot and Wordpress and I have a banner I need to remove, I was looking into the css classes and they are exactly the same as the one presented in here. Do you have any Idea on from does it come from and how to remove it please?

@JacobLett
Copy link
Author

@JadBeev If the site is on WordPress the banner is added via javascript and controlled inside the hubspot account. Most likely a form or CTA. Do you have access to the HubSpot account to turn off the banner?

@JadBeev
Copy link

JadBeev commented Jan 3, 2024

Thank you for your response, I have 174 forms on Hubspot and I don't know how it on CTAs. Can I figure it out Via the text in the banner? Can you guive me the location where i can do my research please?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment