Viewing 15 posts - 16 through 30 (of 31 total)
  • Posted in: Uplift
  • #266731
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Check now, the issue was you used ‘your-name’, ‘your-email’ etc for the field names instead o just ‘name’, ’email’

    – Kyle

    #266739
    coucou81
    Member
    Post count: 61

    Ok yes indeed, i see 3 icons appearing ๐Ÿ™‚ So how do i know:
    1. which name to use in order to get an icon?
    2. which icons have been set…?

    #266740
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Currently only name email subject and message have an icon set in the custom css

    – Kyle

    #266744
    coucou81
    Member
    Post count: 61

    Ok thank you for helping me to get those icons in there. If there is any custom css i can put in in order to choose other icons for other fields i would be very happy cause i need telephone too :-).

    #266751
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You will need this css:

    span.wpcf7-form-control-wrap.name:before {
        content: "\e94a";
        font-family: 'nucleo-interface';
        position: absolute;
        top: 10px;
        left: 15px;
    }

    You will need to change the content code which you can find in the nucleo documentation

    – Kyle

    #266752
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    And you will also need to change .name for .telephone

    – Kyle

    #266755
    coucou81
    Member
    Post count: 61

    That I figured ๐Ÿ˜‰

    I have put it in. It works. Just need to add my text padding in there too, cause it goes over the icon. Right?

    #266760
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ahh yes, add:

    span.wpcf7-form-control-wrap.telephone input[type="text"] {
        padding-left: 40px;
    }

    – Kyle

    #266770
    coucou81
    Member
    Post count: 61

    YES! perfect ๐Ÿ™‚

    Thank you!

    #266771
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

    – Kyle

    #267736
    erikbalster
    Member
    Post count: 63

    Hi Guys,

    i had the same problem and fixed most of it by now. I only need the ”content” part of the css to show the telephone icon. Can you provide me the content code?

    kind regards,

    Erik

    #267737
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Here:

    span.wpcf7-form-control-wrap.name:before {
        content: "\e94a";
        font-family: 'nucleo-interface';
        position: absolute;
        top: 10px;
        left: 15px;
    }

    – Kyle

    #267743
    erikbalster
    Member
    Post count: 63

    i allready used this css. But i mean the specific content code for the telephone icon. I don’t know where to find that code.

    #267760
    Kyle – SUPPORT
    Moderator
    Post count: 35880
    #267761
    erikbalster
    Member
    Post count: 63

    thank you very much

Viewing 15 posts - 16 through 30 (of 31 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register