When you use Acymailing for Newsletter, in Joomla or WordPress, it is a little tricky to replace the SEND text with Font Awesome or whatever other icon or image you want to.
Follow the CSS code below to do it fast.
(The code is as it is inside the Elementor Pro Custom CSS in the “Edit AcyMailing: Subscription Form” element.)
selector .acysubbuttons .subbutton {
font-size: 0;
background: transparent;
z-index: 1;
position: relative;
width: 50px;
height: 60px;
max-width: 100%;
padding: 15px;
}
selector .acysubbuttons {
position: relative;
background: #f5ad0d;
padding:0;
}
selector .acysubbuttons:hover {
background: #18185b;
}
selector .acysubbuttons::before {
content: "\f1d8";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 23%;
left: 28%;
color:#fff;
font-size:20px;
}
selector input {
max-width: 100% !important;
width:100%;
height: 60px;
}
selector td, th {
padding: 0;
border-width: 0;
}
selector table {
margin: 0;
}