Technical Details

Forum version : #PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Screenshot of problem : https://i.imgur.com/Cdy2dnY.png
Who the problem concerns : All members
Forum link : http://oppntestsite.forumotion.com/

Description of problem

So... I'm not sure what happened, I don't know if I did something wrong when I was playing around or what happened. But the size and the fact its on the right side of the screen is bad ! I need it to be much larger and more centered... I'm 100% confused on whats going on.

can you please post your CSS files

Please make sure your use the code tag system when posting them.

Thanks.

Code:

//*Cypr*//
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
.profile_field_list li { display:inline-block }
 .codebox > dd > code { font-family: 'Iceland' !important; }
#message.post {
    font-family: 'Iceland' !important;
color: #FFF;
background:#000;
  font-size: 14px !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;
  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;
   }


When you're saying "messing around", what 'messes' ( ) have you done exactly?

Theres a couple javascripts that I've tried, and a few of them work or work half ways? Like the select content button for the code tag, it works but for some reason, only part of it works, it doesn't go to the right, nor is it in caps. So I'm not 100% if one of these have caused that issue or not, but



those are the javas i have

What is Iceland?

Iceland is a google font that i had tried to get to work, and Draxion had come up with the java, trying to get to work in the chatbox and other areas.

Code:

/*$(function() {
  $(function() {
    $(".sceditor-container iframe")
      .contents()
      .find("head")
      .append(
        "<style>body,html,code:before,p,table{font-family: 'Iceland' !important; float:right; text-transform: uppercase; cursor:pointer;}</style>"
      );
  });
});*/
$(function() {
  $(function() {
    $("Object #frame_chatbox")
      .contents()
      .find("head")
      .append(
        '<style type="text/css">body,html,p #chatbox p, {font-family: "Iceland" !important;}</style>'
      );
  });
});

Theres the code for it.

Hello,

In javascripts we do not use /* and */ to add comments. We add these instead: //
Try this code:

Code:

//$(function() {
//  $(function() {
//    $(".sceditor-container iframe")
//      .contents()
//      .find("head")
//      .append(
//        "<style>body,html,code:before,p,table{font-family: 'Iceland' !important; float:right; text-transform: uppercase; cursor:pointer;}</style>"
//      );
//  });
//});
$(function() {
  $(function() {
    $("Object #frame_chatbox")
      .contents()
      .find("head")
      .append(
        '<style type="text/css">body,html,p #chatbox p, {font-family: "Iceland" !important;}</style>'
      );
  });
});

Alright so I added that, it didn't change the font of the chatbox; which is a problem we've been having, but thats fine as of right now, I just need that text area fixed.

Okay, could you send me an account via pm that has access to post a reply anywhere in your forum please?
Thank you.

@Luffy I'm unable to send you a pm?? =(

Sorry, try again now.

@Luffy PM Sent ^_^

Okay so, based on your CSS you have to do this modifications:
To

Code: fieldset.frm-set dl dt

change the width to

Code: width: 4em;

To

Code: fieldset.frm-set dl dd

change the margin left to

Code: margin-left: 5em;

Thank should fix your problems. If there's none of these parts in your CSS then add this:

Code:

fieldset.frm-set dl dt { width: 4em!important }
fieldset.frm-set dl dd { margin-left: 5em!important }

Ahh! Thank you <3 This has been solved !!

Sure thing! Have a great day!

Problem solved & topic archived. Please read our forum rules: ESF General Rules