{"id":14218489,"date":"2021-03-22T15:27:40","date_gmt":"2021-03-22T15:27:40","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/some-help-styling-contact-forms-please\/"},"modified":"2021-03-22T15:38:10","modified_gmt":"2021-03-22T15:38:10","slug":"some-help-styling-contact-forms-please","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/some-help-styling-contact-forms-please\/","title":{"rendered":"some help styling contact forms please"},"content":{"rendered":"<p>I\u2019m an absolute beginner struggling to figure out all these things as my web designer abandoned me. I&#8217;ve spent many hours reading the guide and experimenting but there&#8217;s a few things I can&#8217;t work out so I&#8217;d love some help please.<\/p>\n<p>Q1.\tWhat is the correct way to set the button colour please?<br \/>\nI would like to style the button to match the rest of my website. With my theme came a few Contact Form 7 templates. One has styling for button but it only partially works\u2026<\/p>\n<p>&lt;p&gt;[submit class:btn-color-primary class:btn-full-width class:btn-shape-semi-round &#8220;Send&#8221;]&lt;\/p&gt;<\/p>\n<p>It makes corners semi-round (I\u2019ve also tried round &amp; that works too) but it doesn\u2019t make button full width and more importantly it doesn\u2019t change the colour of the button. I\u2019ve also tried class:btn-color-#00a5bf but the button remains a horrible light grey. <\/p>\n<p>Q2.\t &#8220;Locating response message box anywhere&#8221; is not working for me. Following instructions on https:\/\/contactform7.com\/locating-response-message-box-anywhere\/ I put \u201c [response] \u201c in the Form Tab (I tried at top, middle and between Message and submit tags) but the response still appears as banner across bottom of screen, not like the demo. Is there a step missing??<\/p>\n<p>Q3.\tIs there a way to add CSS (or any styling) to the Mail tab? In the message body I have put some text. Is there a way to make some of this text appear bold when it comes in the email?<\/p>\n<p>Q4.   Any way to add icons in Form? I have set up contact form for people to place reviews and added radio buttons with labels &#8220;1 star&#8221; &#8220;2 stars&#8221; etc. Any way I could replace these words with star icons? Or should I be doing this a different way?<\/p>\n<p>Thanks in advance!<\/p>\n","protected":false},"template":"","class_list":["post-14218489","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/14218489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/14218489\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=14218489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}