New Landing How can we help? Atelier Regarding the newsletter form on the footer

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Atelier
  • #324721
    georgie
    Member
    Post count: 37

    I have managed to get the newsletter widget up and working using the contact form 7 with mailchimp extension plugin. I have also set the form styling to ‘minimal’ in the colour customiser. For some reason the placeholder text in the form field has gone invisible. I am not able to figure out how to make it show, could you help me?

    #324762
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Add the code below to your custom css option.

    ::-webkit-input-placeholder { /* WebKit browsers */
    color: #FFF !important;
    opacity: 1;
    }
    
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #FFF !important;
    opacity: 1;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #FFF !important;
    opacity: 1;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #FFF !important;
    opacity: 1;
    }

    Hope it helps.

    -Rui

    #324768
    georgie
    Member
    Post count: 37

    working, thanks!

    #324770
    David Martin – Support
    Moderator
    Post count: 20834

    Marking as resolved.

    If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

    Thanks.

    #325098
    georgie
    Member
    Post count: 37
    This reply has been marked as private.
    #325111
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Add the code below to your custom css option

    input[type=submit], button[type=submit], input[type="file"], select, .wpcf7 input.wpcf7-submit[type=submit] {
        color: #fff!important;
    }

    What do you mean with the line return?

    -Rui

    #325118
    georgie
    Member
    Post count: 37

    Thanks Rui, the code works fine.

    I meant the line under the email entry form field, is it possible to make it visible again?

    #325124
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Add this one.

    .widget input[type="email"] {
        border: 2px solid #e3e3e3!important;
    }

    -Rui

Viewing 8 posts - 1 through 8 (of 8 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