Forums

Customize form submission success message font

Permalink
Hello,

I'm not sure if this is due to Concrete details, or our theme, but if I set a form to show a message upon completion (instead of directing to a different page), the message ("Thank you! We'll be in contact soon!", etc) shows up as normal paragraph font directly above the form questions. It's very easy to miss and hard to find even if you're looking for it.

I want to make this font bold, bigger and possibly have a yellow background or something. I've been having to create separate "Thank you - Submission success" pages and have the form land on that separate page because we get people who aren't sure if they successfully submitted the form or not.

I'm guessing it's in one of the view files under Blocks -> Forms, but if someone could help direct me with exactly what code I should put where, that would be a huge help!

Thank you!
Amanda
AVL
 
juddc replied on at Permalink Reply
juddc
I just do it via my css file.

.success {
    styles go here
}
.errors {
    styles go here
}
mhawke replied on at Permalink Reply 1 Attachment
mhawke
Attached is what my most recent site shows 'out of the box' (5.6.3).

This is the css that makes it look that way:

.miniSurveyView #msg {
background: #FFFF99;
color: #000;
padding: 2px;
border: 1px solid #999;
margin: 8px 0px 8px 0px;
}


This is in the [root]/concrete/blocks/form/view.css file
andrewjaff replied on at Permalink Reply
andrewjaff
Hi Amanda,

you do need to find out its core file, you can overide the css by writting to your theme css file.
here is the code i used in our css file.
.contact_box #msg {
    color: #FF0000;
    font-family: 'cabinmedium';
    font-size: 1.5em;
    line-height: 1.5;
}


Thanks