Hi all

I have recently started using a Photography/Portfolio website on Portfoliobox.net. My website can be seen on Photo printing - Stitch in Time Photography. It is a great tool but it is lacking essential features such as the possibility of adding a comment box at the bottom of one's webpage.

The website interface allows for some basic CSS customization.

I don't know much about CSS but I have managed to increase the size of the social media buttons with the following code lines:

Code:
       .socialMediaIcons img {
       height: 25px;
       }


I am now trying to insert a comment box at the bottom of one of my webpages.

To do so, I have tried to use a third party app (HTMLcommentbox.como) by adding the following code lines in my CSS customization window (under Body Bottom). However, it does not let me add the comment box on 1 page in particular. It adds comment boxes at the bottom of each page of my website. In addition, I have been unable to resize the width of my comment box which is annoying.

If anyone could help me, I would be very very grateful.

Cheers
Matt

Code:
<!-- begin htmlcommentbox.com -->

 <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">Comment Form</a> is loading comments...</div>
 <link rel="stylesheet" type="text/css" href="//www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" />
 <script type="text/javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){var s=document.createElement("script"), l=(hcb_user.PAGE || ""+window.location), h="//www.htmlcommentbox.com";s.setAttribute("type","text/javascript");s.setAttribute("src", h+"/jread?page="+encodeURIComponent(l).replace("+","%2B")+"&mod=%241%24wq1rdBcg%24hN26IfaGq2QkTC6OgTxCU."+"&opts=16862&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>

<style>
#HCB_comment_box #hcb_form_content,
#HCB_comment_box #hcb_form_email, 
#HCB_comment_box #hcb_form_name, 
#HCB_comment_box #hcb_form_website {
  background-color:#ffd;
}
</style>

<style>
#HCB_comment_box .submit {
  background:none; /* Clear twitter bootstrap style. */
  background-color:green;
  border:1px solid darkgreen;
  color: white;
}
   
 #HCB_comment_box textarea {
        height:40px;
  padding:50px;
  width:57%;
}  
   
   
 #HCB_comment_box input.text {
    display:block;
    width:57%; 
   } 

}  
   
</style>

<!-- end htmlcommentbox.com -->