Hello,
I’m trying to achieve this design for my HubSpot embedded form:
So I need to remove the text in the button and place an icon instead. I found a way to add the icon as a background image but I must set a text in HubSpot settings.
Is there a way to remove the text with some code?
This is the HTML code of the embedded button code:
<input type=“submit” class=“hs-button primary large” value=“submit”>
thanks!
Hi @SZadik, Yes, you can remove the text from the Submit button using some custom CSS. Use the following CSS code to do so:
input[type=“submit”] {
background-image: url(<your icon URL>);
background-repeat: no-repeat;
background-size: contain;
width: <your icon width>px;
height: <your icon height>px;
border: none;
text-indent: -9999px;
}
This will remove the text from the Submit button and replace it with your icon.
