Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • March 29, 2017 at 5:18 am #768562
    YongyanLi

    Hi, I want to change the font color of ” your message have been sent”
    I use below code, but it is not working

    .avia-form-success {
    color: #ff6600 !important;
    }

    besides, I am using the dark transparent format, so when clicking the ” submit” button, the processing color on the form became very weird( light blue?? can I make amendment on this color too?

    I am using the enfold default contact form

    March 29, 2017 at 6:29 am #768583
    Jordan Shannon

    Hey YongyanLi,

    Would you be able to provide login info privately so we can look into this further?

    Best regards,
    Jordan Shannon

    March 30, 2017 at 8:50 am #769345
    YongyanLi

    HI, Jordan

    it is the enfold default contact form

    after submitting, there will be a feedback: your message have been sent

    It looks too big and too dark, that’s why I want to change the color.

    Regarding the border color, it is acceptable when static, just during the proceesing of sending message out, the dynamic border color doesn’t look good

    I think you don’t need to login in, you just try to send a test message in the contact form. and you will see the issues i described above.

    March 30, 2017 at 8:52 am #769346
    YongyanLi

    Contact

    attached For your reference

    March 30, 2017 at 9:01 am #769349
    Guenni007

    try this here

    .avia-form-success {
    color: #900 !important;
}

    by the way – you can push this a little bit by somthing like that:

    .avia-form-success::after {
    color: #135da3;
    content: "\e82b";
    display: block;
    font-family: entypo-fontello;
    font-size: 180px;
    padding-top: 140px;
    text-align: center;
}
    • This reply was modified 7 years, 8 months ago by Guenni007.
    March 30, 2017 at 10:08 am #769379
    YongyanLi

    Thanks,Guenni

    but it is not working

    March 30, 2017 at 10:11 am #769382
    Guenni007

    first of all – you got a caching tool or minify tool – erase your cache first –

    did you set up yourself any rules concerning to that:

    i didn’t see that you are using the dark form template

    #top .av-dark-form + .ajaxresponse .avia-form-success {
    color: #ff6600 !important;
}

    and for that gimmick:

    #top .av-dark-form + .ajaxresponse .avia-form-success:after {
    color: #135da3;
    content: "\e82b";
    display: block;
    font-family: entypo-fontello;
    font-size: 90px;
    padding-top: 40px;
    text-align: center;
}
    • This reply was modified 7 years, 8 months ago by Guenni007.
    March 30, 2017 at 2:32 pm #769484
    YongyanLi

    Thanks vey much, Guenni

    It works perfectly… and surprised me

    very great tricks..hahahah

    thanks indeed!

    March 30, 2017 at 3:02 pm #769500
    Guenni007

    but now you changed the template or do give it an unique ID

    than change it to 

    #ajaxresponse_1 .avia-form-success {
    color: #900;
}

    etc. pp
    try to get familar with developer tools of the browsers – it is a great help in finding out the code you have to change
    me – i’m a fan of old plugin firebug for firefox – but modern browsers often now have there on tools for that

    March 30, 2017 at 3:07 pm #769506
    YongyanLi

    I did forgot to clear the cache
    and the color I choose for this form is Dark Transparent

    BTW, why your code doesn’t work if I change the contact for color as default?

    I changed your word from dark to default…(not sure if I am right)

    March 30, 2017 at 3:16 pm #769509
    Guenni007

    well enfold sets up for the different form templates different classes.
    The css (cascading style sheet)

    #top .av-dark-form + .ajaxresponse .avia-form-success
    that little “+” means : that message is in a div which is not the child of that form element – it is an Adjacent

    so selector is: the adjacent div (with class “avia-form-success”) of that form element with class “av-dark-form”

    if you are using a different template the class: “av-dark-form” is missing – and the rule has no influence.

    again: try to get familar with developer tools of the browsers – it is a great help in finding out the code you have to change
    me – i’m a fan of old plugin firebug for firefox – but modern browsers often now have there on tools for that

    have a look and click the image:

    • This reply was modified 7 years, 8 months ago by Guenni007.
    March 30, 2017 at 4:21 pm #769539
    YongyanLi

    Thanks, Guenni

    you are very helping

    I did use the firebug, but it is the latest version. not same as your screen

    I used another way to check.

    the default color, as per checking , it did show the ID as ajaxresponse_1
    somehow the code didn’t work

    I should pay more time to learn about them…haha

    March 30, 2017 at 4:25 pm #769540
    YongyanLi

    I love the trick, it is great

    you’ve been helping a lot, so I will try harder tomorrow to keep your trick working with the default color.

    March 31, 2017 at 3:04 am #769708
    YongyanLi

    Hi, I make it like this
    #ajaxresponse_1 .avia-form-success {
    color: #ff6600;
    }

    .ajaxresponse_1 .avia-form-success:after {
    color: #c9c9c9;
    content: “\e82b”;
    display: block;
    font-family: entypo-fontello;
    font-size: 90px;
    padding-top: 40px;
    text-align: center;
    }

    and it works.

    Thanks

    March 31, 2017 at 9:25 am #769799
    Nikko

    Hi,

    Hi Glad that you got it working and thanks for sharing the solution :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.