Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 22, 2015 at 6:26 am #448175
    tarynw

    Hi Team Kriesi,

    I’ve tried to find a solution for this, but couldn’t seem to find anything that worked. What CSS would I need to add to change the form title and success message font size?

    I would like to make the form title look like the special heading (H4) styling to tie in with the rest of the page.

    Also, I would like the form success message to be H6 and be able to change the colour please.

    Thank you so much,

    Taryn

    May 23, 2015 at 12:21 am #448750
    Josue

    Hey Taryn!

    You can use the following CSS to change that:

    /* All alerts */
.mc4wp-alert {
    font-size: 22px;
}
/* Error */
.mc4wp-error{
    color: red;
}
/* Success */
.mc4wp-succes{
    color: green;
}

    Regards,
    Josue

    May 24, 2015 at 11:18 am #449232
    tarynw

    Thanks Josue, I tried to add the CSS but I can’t test it because for some reason the submit button is not working on the form. I tried adding another contact form on a test page but this did not work either. It was working perfectly when I tested it the other day. Any idea what might be the cause? I couldn’t find a solution on the forums.

    Also while I have you – to get the form title to H4 styling I need to remove the bold formatting. Can you help me with that CSS too? Is it just font-weight: normal?

    Many thanks,

    Taryn

    May 24, 2015 at 10:04 pm #449294
    Josue

    Hey!

    The form is working, thing the error indicating border is not being displayed because another rule is overriding it, try adding this to Quick CSS to fix both issues:

    #top #wrap_all .error .text_input {
    border: 1px solid #DF653E !important;
}

/* Change color of success message */
#top #wrap_all h3.avia-form-success {
    color: red;
}

    Regarding the weight of the h4 it weight seems to be normal, in any case you can use this code to change that:

    h4{
font-weight: normal !important;
}

    Best regards,
    Josue

    May 29, 2015 at 4:40 am #451512
    tarynw
    This reply has been marked as private.
    May 29, 2015 at 4:55 am #451519
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia_ajax_form h3 {
    font-weight: 100;
}

    Cheers! 
    Josue

    May 29, 2015 at 5:40 am #451527
    tarynw

    Fantastic! Thanks for the quick response Josue.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Form Title and Success message – size/font’ is closed to new replies.