{"id":23914,"date":"2013-01-29T13:58:51","date_gmt":"2013-01-29T12:58:51","guid":{"rendered":"https:\/\/pl.wordpress.org\/support\/topic\/contact-form-7-i-css\/"},"modified":"2016-08-05T21:53:41","modified_gmt":"2016-08-05T21:53:41","slug":"contact-form-7-i-css","status":"closed","type":"topic","link":"https:\/\/pl.wordpress.org\/support\/topic\/contact-form-7-i-css\/","title":{"rendered":"contact form 7 i css"},"content":{"rendered":"<p>witajcie,<\/p>\n<p>kombinuje (niekt\u00f3rzy powiedz\u0105 &#8211; jak ko\u0144 pod g\u00f3rk\u0119) z wygladem formularza kontaktowego. mianowicie chodzi o to ze w motywie: Academica formularz kontaktowy (wtyzka cf7) nie ma bodre-a i wyglada to nieatrakcyjnie.<\/p>\n<p>wiec dodalem border w css wtyczki do pozycji: span.wpcf7-form-control-wrap ale przynioslo to polowiczny efekt koncowy, przedtawiony na foto:<br \/>\nhttp:\/\/img833.imageshack.us\/img833\/2384\/28380956.jpg (bez czerwonych linii)<\/p>\n<p>i teraz prosilbym Was o podpowiedz, gdzie dobrzuci\u0107 i co aby tam gdzie czerwone linie pokazal sie border ktorego dodalem do css: border: 1px solid<\/p>\n<p>czy to wogole trzeba kombinowac z css wtyczki?<\/p>\n<p>css wtyczki:<\/p>\n<pre><code>div.wpcf7 {\n\tmargin: 0;\n\tpadding: 0;\n}\n\ndiv.wpcf7-response-output {\n\tmargin: 2em 0.5em 1em;\n\tpadding: 0.2em 1em;\n}\n\ndiv.wpcf7-mail-sent-ok {\n\tborder: 2px solid #398f14;\n}\n\ndiv.wpcf7-mail-sent-ng {\n\tborder: 2px solid #ff0000;\n}\n\ndiv.wpcf7-spam-blocked {\n\tborder: 2px solid #ffa500;\n}\n\ndiv.wpcf7-validation-errors {\n\tborder: 2px solid #f7e700;\n}\n\nspan.wpcf7-form-control-wrap {\n\tposition: relative;\n\tborder: 1px solid\n}\n\nspan.wpcf7-not-valid-tip {\n\tposition: absolute;\n\ttop: 20%;\n\tleft: 20%;\n\tz-index: 100;\n\tbackground: #fff;\n\tborder: 1px solid #ff0000;\n\tfont-size: 10pt;\n\twidth: 280px;\n\tpadding: 2px;\n}\n\nspan.wpcf7-not-valid-tip-no-ajax {\n\tcolor: #f00;\n\tfont-size: 10pt;\n\tdisplay: block;\n}\n\nspan.wpcf7-list-item {\n\tmargin-left: 0.5em;\n}\n\n.wpcf7-display-none {\n\tdisplay: none;\n}\n\ndiv.wpcf7 img.ajax-loader {\n\tborder: none;\n\tvertical-align: middle;\n\tmargin-left: 4px;\n}\n\ndiv.wpcf7 .watermark {\n\tcolor: #888;\n}<\/code><\/pre>\n<p>z gory dziekuje za podpowiedz<\/p>\n","protected":false},"template":"","class_list":["post-23914","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pl.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/23914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pl.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/pl.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/pl.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/23914\/revisions"}],"wp:attachment":[{"href":"https:\/\/pl.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=23914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}