Insert icon in email form submit button

hi
is it possible to insert an icon exemple [x_icon type=“play”] in the email form submit buttom

thanks

Hi There,

Thanks for writing in!

You cant insert a short code in the email form button but you can use icon HTML code for that.
Please use this HTML

<i class="x-icon-play" ></i>

Hope this is clear!

Thanks

sorry but where do i have to insert that code
i’m using the email form x plugin the only place where i have to insert the text is here

but it is placed in value !!!
thanks for helping

Hi,

You can add the play icon Unicode as the value.

&#xf04b;

http://fontawesome.io/cheatsheet/

Then add this in Theme Options > CSS

.tco-subscribe-form input[type="submit"] {
        font-family: fontawesome;
}

Hope that helps.

haha excellent
things becomes simple when we know them :slight_smile: but we need to know them
thanks a lot for your help

just a last question
how can i eliminate the height of that field in the email form

can’t add a class on it and not possible to select a parent element in css
thanks for your help

Hi there,

Please update this code:

.tco-subscribe-form input[type="submit"] {
    font-family: fontawesome;
    border: 0px;
    float: right;
    color: #33a6d7;
    width: 50px;
    top: -45px;
}

to:

.tco-subscribe-form input[type="submit"] {
    font-family: fontawesome;
    border: 0px;
    color: #33a6d7;
}

Then add this code as well:

.right .tco-subscribe-form fieldset:nth-child(6) {
    float: right;
    color: #33a6d7;
    width: 50px;
    margin-top: -45px;
}

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.