Margin in Posting Body Problems

Technical Details

Forum version : #PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Screenshot of problem :
Who the problem concerns : All members
When the problem appeared : Unsure.
Forum link : http://oppntestsite.forumotion.com/t5-aayeee-ayeee#14

Description of problem

So as you can see, the issue here is the margin (I think) according to google chromes inspect element its the margin pushing out, and I've tried a few different things to fix it, such as taking the div code tags into the css, each one separately, and making the margin smaller. Currently I don't think there is anything in the css that involves the margin, however it looked like the specific names of those div codes are mashed up in large groups, so honestly it could be anything.

So this here is my css;

Code:

//*Cypr*//
.selectCode { float: right !important; text-transform: uppercase !important; cursor:pointer !important; }
div.cont_code { clear: right !important; }
.profile_field_list li { display:inline-block !important; }
 .codebox > dd > code { font-family: 'Iceland' !important; }
#message.post {
    font-family: 'Iceland' !important;
color: #FFF;
background:#000;
  font-size: 14px !important;
}
fieldset.frm-set dl dt { width: 4em!important }
fieldset.frm-set dl dd { margin-left: 5em!important }
.sceditor-container iframe, .sceditor-container textarea {
    color:  #ffffff!important;
    font-family: 'Iceland' !important;
}
.pun .main .main-content p.message {
   margin: 1.7em;
   padding: 1em;
   background-color: #918E8E;
   border: 1px solid #474746;
   }

.postmain blockquote {
background-color: #3E3738;
border: 1px solid #474746;
}

blockquote cite {
   display: block;
   margin: -8px -8px 8px -8px;
   padding: 3px;
   background-image: url("https://i.imgur.com/wlNu2Tw.png?3");
   background-repeat: no-repeat;
   background-position: top right;
   font-style: normal;
   font-size: 11px;
   background-color: #726264;
   color: #fff;
   }

.user-info {
   color: #fff !important;
   line-height: 1.8em;
   }

#fa_chat_container {
  background:#FFF;
  border:1px solid #556682;
  border-radius:3px;
  position:fixed;
  right:3px;
  z-index:999;
  overflow:hidden;
  min-width:500px;
  min-height:250px;
  transition:300ms;
}
 
#fa_chat {
  border:none;
  width:100%;
  height:100%;
}
 
#fa_chat_button {
  color:#FFF;

  line-height:30px;
  margin-left:10px;
  padding:0 5px;
  cursor:pointer;
}
 
#fa_chat_button.fa_chat_active {
  color:#333;

  background:#FFF;
}

.fa_avatar img {
  width:30px;
  height:30px;
  margin-right:5px;
  margin-bottom:-6px;
  -webkit-border-radius:50px;
    -moz-border-radius:50px;
          border-radius:50px;
}

.pun h2, .pun h3 {
  font-weight: normal;
font-family: 'Unica One' !important;
  color: #dedfdf;
  font-size: 15px !important;
  }

.main-head {
    font-weight: normal;
font-family: 'Unica One' !important;
  color: #dedfdf !important;
  font-size: 18px;
}
.pun h9 {
  font-weight: normal;
font-family: 'Unica One' !important;
  color: #dedfdf;
  font-size: 25px;
  }

.chatbox-title,.chatbox-title a.chat-title {
   color: #dedfdf;
   text-decoration: none;
  font-family: 'Unica One' !important;
  font-size: 16px;
   }

.crumbs {
  font-family: 'Iceland' !important;
  font-size: 16px !important;
  color: #fff !important;
}

.starlight {
    font-family: 'Unica One' !important;
  font-size: 18px !important;
}

.streetcred {
  font-family: 'Libre Barcode 128 Text' !important;
  font-size: 30px !important;
  color: #fff !important;
  text-algin: center;
}

.streetcred a {
  font-family: 'Libre Barcode 128 Text' !important;
  font-size: 30px !important;
  color: #fff !important;
  text-algin: center;
  text-decoration: none;
}

#chatbox {
  font-family: 'Iceland' !important;
}

#message {
    font-family: 'Iceland' !important;
}

a.chat-title {
      font-family: 'Iceland' !important;
}

.chatbox-options {
        font-family: 'Iceland' !important;
}

.pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
   visibility: hidden;
   }


I wanna make it smaller, like this; the huge space makes it so certain templates on the other site that members use won't work =(

bump

Bumpy

So I ended up figuring this out! This has been solved <3