• project_subdomain

    (@project_subdomain)


    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.