Comment form: css-changes on textfield and submitbutton don't have an effect
-
Hey all!
I changed the styling from the comment form. In my testing environment (cloned subdomain-site) it works fine. Contrary to the main-site, where the same code makes partly effects only. Strictly speaking the changes on the textfield and submit-button (“P.comment-form-comment” and “INPUT#submit.submit” -> firebugs labelling for those concerned parts) don’t have an effect (changes regarding “H3#reply-title.comment-reply-title” and “H3#reply-title.comment-reply-title” work).
Loading a new style.css and refreshing did’nt work. Fruitless use of firefox’ debugger.
Does anyone have an idea what could make the difference to the main site, where to look at?
(btw: no worries I’m using child themes ??
/* Comment Form */ #respond { margin: 5% 0; } #respond textarea#comment { height:70px; } #comments { display: inline-block; clear: both; width: 100%; font-size: 13px; } ol.commentlist { padding: 0; margin: 5% 0; list-style-type: none; } ul.children { list-style-type: none; padding-left: 5%; } article.comment { margin: 5% 0; padding-left: 80px; } .children article.comment { padding-left: 60px; } .comment footer { font-size: 0.8em; } .comment p { margin: 0.25em 0; line-height: 1.2; color: #000; font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; letter-spacing: 0.02em; } img.avatar { float: left; position: absolute; margin-left: -80px; } .children article.comment img.avatar { margin-left: -60px; } .form-allowed-tags { display: none; } #reply-title { color: #a3b200; font-size: 18px; font-weight: bold; letter-spacing: 0.02em; line-height: 30px; } #commentform label { display: none; } p.comment-subscription-form { clear: both; } .comment-subscription-form label { display: inline-block !important; } input#subscribe_comments { padding: 0!important; margin: 0!important; margin-right: 0.5em!important; float: none !important; } #commentform p {margin: 0; } #commentform input, #commentform textarea { width: 95%; padding: 2.5%; background: #f7f7f7; border: none; margin: 2% 0; font-size: 14px; border-bottom: 2px dashed #d7d7d7; font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; letter-spacing: 0.02em; } #commentform input#submit, .button { color: #fff; border: none !important; background: #a3b200; -webkit-appearance: none; } #commentform input#submit:hover, .button:hover { background: #b7b400; } #commentform input#submit:active, .button:active { background: #b7b400; } @media ( min-width: 700px ) { #commentform input { width: 25%; float: left; } .comment-form-author input, .comment-form-email input { margin-right: 5% !important; } } @media ( max-width: 700px ) { #commentform input#submit { width: 100%!important; } }
- The topic ‘Comment form: css-changes on textfield and submitbutton don't have an effect’ is closed to new replies.