Font Awesome icons not working on contact form buttons

Site URL: https://www.ditbaderum.dk/indhenttilbud

Hi guys,

Can't seem to get font awesome icons to work on the contact form buttons... it works on my other buttons...

Any advice? Thanks.

Which code did you use? If you use :before or :after, then

Input tag doesn't support pseudo element (:before, :after)

Hi Tuan,

Thanks for your time. This is the code I used:

#collection-62924e0599a94e79ced750c9 {
.primary-button-style-outline .sqs-block-form .sqs-editable-button {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
.primary-button-style-outline .sqs-block-form .sqs-editable-button::after {
    font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f178";
  margin-left: 8px;
}
}

Hi @tuanphan,

Is there any solution for this? Thanks

.primary-button-style-outline .sqs-block-form .sqs-editable-button

This is class name of input tag, so it won't work. Input doesn't support :after attribute

Use parent element instead of, however you will need to adjust something to make arrow inside button

.form-button-wrapper.form-button-wrapper--align-left:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f178";
    margin-left: 8px;
}

Hi @tuanphan,

Can't figure it out... it is for this site: https://www.ditbaderum.dk/minbadtype/afslut/tijca169flapqowcviw23r298r2053rcsdt4325

This is impossible 😂 Still can't seem to find any solution...

Site URL: https://www.ditbaderum.dk/

Hi guys,

Do you know if its possible to add a font awesome icon to the contact form button?

Can you send the code you used to style input button?