How exactly can I set up an automatic line barrier/separation in a Forum Post to separate the actual post from the user's signature?

Currently, my site has the post and the user's signature clashing together, looking as though the user posted his signature inside his post. This can get very confusing, and my users shouldn't have to manually put in a line separation.

Thanks!

Comments

dddave’s picture

Make sure that your theme's style.css contains code for signatures. For example something like this:

.signature {
  border-top: 1px solid #d6ddb9;   <------ This creates the separation!
  font-size: 100%; /* 12px/12px */
  margin: 10px 0;
  padding: 0;
}
Ownaholic’s picture

I looked through the whole thing, didn't find anything that says signature on it. Signatures are obviously enabled in the actual Drupal-end of things, but nothing in the style.css =/

I probably shouldn't post the whole code, but I'm going to anyway just to see if you can help me out:

/* CSS Reset - Conform Browsers */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: baseline;
}


a {
  text-decoration: none;
  color: #333333;
  font-weight: bold;
}

a:hover {
  color: #2f56a4;
}

/* CSS */

body {
  padding: 0;
  margin: 0;
  text-align: center; /*Centering for IE */
  line-height: 1.4em;
  color: #000000;
  background: #000000 url(../images/style2/background.jpg) 50% 0px no-repeat fixed;
}

/* Main Layout */

#page-wrapper { 
  padding: 0;
  text-align: left; /* Reset text alignment */
  background: url() repeat-x bottom fixed;
  overflow: hidden;  
}

#middle-wrapper {
  overflow: hidden;
  background: url(../images/style2/transparent-bg.png);
}

.width-wrapper {
  margin: 0 auto; /* Center on Page */
}

#main-content {
  float: left;
  width: 100%;
  overflow: hidden; 
}

#main-content-inner {
  margin: 10px;
  padding: 10px;
  color: #000000;
  background: #ffffff url(../images/style2/main-content-inner.png) top repeat-x;
  overflow: hidden; /* Fix for collapsible fieldsets in IE */
  border: 1px solid #000000;
}

#main-content-inner-inner {
  float: right;
  padding-bottom: 10px;
  width: 100%;
}

#squeeze-2 {
  padding-left: 10px;
}

#middle-wrapper .sidebar-left {
  float: left;
  z-index: 1;
  position: relative;
}

#middle-wrapper .sidebar-right {
  float: left;
  z-index: 1;
  position: relative;
}

.width25 { width: 24.9% }
.width33 { width: 33.3% }
.width50 { width: 49.9% }
.width100 { width: 99.9% }

/* Header  */

#header-wrapper {
  padding: 20px 0 10px 0;
}

#site-logo {
  margin: 0;
  padding: 0;
  float: left;
}

#site-name {
  margin: 0;
  padding: 0 10px 10px 0;
  line-height: 63px;
  font-size: 63px;
  font-weight: bold;
  color: #eeeeee;
  float: left;
}

#site-slogan {
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 63px;
  color: #ffffff;
}

#search-box {
  float: right;
  padding-top: 21px;
  font-size: 10px;
  color: #ffffff;
}

/* Footer */

#footer {
  margin-top: 10px;
  padding: 20px;
  background: #010101 url(../images/style2/footer-bg.png) top repeat-x;
  text-align: center;
}

/* Sidebar Blocks */

.right-sideblock .sideblock-inner h2 {
  padding-bottom: 0px;
  line-height: 1.3em;
  font-size: 1.3em;
  color: #ffffff;
  font-weight: bold;
}

.right-sideblock .sideblock-inner {
  margin: 10px 10px 10px 0px;
  padding: 5px;
  background: #26468c url(../images/style2/right-block-bg.png) top repeat-x;
  border: 1px solid #000000;

}

.right-sideblock .sideblock-inner .content {
  margin-top: 4px;
  padding: 5px;
  background: #ffffff url(../images/style2/box-inner-bg.png) top repeat-x;
  border: 1px solid #000000;
}

.left-sideblock .sideblock-inner h2 {
  padding-bottom: 10px;
  font-size: 1.0em;
  font-weight: bold;
  color: #213b73;
}

.left-sideblock .sideblock-inner h3 {
  padding: 10px 0;
  font-size: 1.0em;
  font-weight: bold;
  color: #666666;
}

.left-sideblock .sideblock-inner {
  margin-bottom: 10px;
  padding: 10px;
  font-size: 0.85em;
  border: 1px solid #cccccc;
  background: #f8f8f8 url(../images/style2/left-block-bg.png) top repeat-x;
}

.banner-right {
  margin-top: 10px;
  margin-bottom: -15px;
  overflow: hidden;
}

/* Feature Regions */

#feature-regions {
  margin-bottom: 10px;
}

#dynamic-block {
  float: left;
}

#features {
  float: right;
  width: 100%;
  margin-left: -469px;
}

#features-squeeze {
  margin-left: 469px;
}

.features-inner {
  color: #ffffff;
  font-size: 0.85em;
  border: 1px solid #000000;
}

.features-inner h2 {
  font-size: 1.0em;
  font-weight: bold;
}

.feature1 {
  padding: 10px;
  height: 170px;
  color: #000000;
  background: #bbbbbb url(../images/style2/feature1-bg.png) top repeat-x;
}

.feature2 {
  padding: 10px;
  height: 169px;
  border-top: 1px solid #000000;
  background: #26468c url(../images/style2/feature2-bg.png) top repeat-x;
}

.view-feature-block-1 .views-field-field-image-fid, .view-feature-block-2 .views-field-field-image-fid {
  float: left;
  margin-right: 10px;
}

.view-feature-block-1 .views-field-field-image-fid img, .view-feature-block-2 .views-field-field-image-fid img  {
  border: 1px solid #000000;
}

.view-feature-block-1  .views-field-title, .view-feature-block-2  .views-field-title {
  padding-bottom: 10px;
}

.view-feature-block-1  .views-field-field-slide-text-value, .view-feature-block-2  .views-field-field-slide-text-value { 
}

.view-feature-block-2  .views-field-title a {
  color :#eeeeee;
}

.view-feature-block-2  .views-field-field-slide-text-value {
  color :#cccccc;
}


/* Custom Regions */


.user-regions .userblock-inner h2 {
  padding-bottom: 0px;
  line-height: 1.3em;
  font-size: 1.3em;
  font-weight: bold;
  color: #4d4d4d;
}

.user-regions .userblock-inner {
  padding: 5px;
  margin: 5px;
  background: #cdcdcd url(../images/style2/feature-block-bg.png) top repeat-x;
  border: 1px solid #cccccc;
}

.user-regions .userblock-inner .content {
  margin-top: 5px;
  padding: 10px 5px 5px 5px;
  font-size: 0.85em;
  background: #ffffff url(../images/style2/box-inner-bg.png) top repeat-x;
  border: 1px solid #bbbbbb;
}

.user-regions .userblock-inner .content a {
  font-size: 1.2em;
}

#footer-regions {
  margin: 0px 310px 10px 10px;
  font-size: 0.85em;
}

#footer-regions .userblock-inner h2 {
  padding-bottom: 1.1em;
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
}

#footer-regions .userblock {
}

#footer-regions .userblock-inner a {
  font-size: 1.2em;
  color: #333333;
}

#footer-regions .userblock-inner a:hover {
  text-decoration: underline;
}

#footer-regions .userblock-inner {
  padding: 10px;
  color: #eeeeee;
  border-right: 1px dotted #ffffff;
}

#footer-regions .userblock-inner .content {
  padding-bottom: 10px;
}

#footer-regions .userblock-inner ul li {
  margin-left: 10px;
  list-style: square outside;
}

.userblock {
  float: left;
}

/* Top Links */

#top-links h2 {
  display: none;
}

#top-links {
  line-height: 24px;
  margin-left: -10px;
  background: url(../images/style2/toplinks-bg.png) repeat-x;
  border-bottom: 1px solid #4d4d4d;
}

#top-links ul li a {
  padding: 0 10px;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  color: #999a9b;
  background: url(../images/top-links-divider.png) right no-repeat;
}

#top-links ul li a:hover {
  color: #ffffff;
}

#top-links ul li {
  float: left;
}

/* Primary Links */

#primary-links h2 {
  display: none;
}

#primary-links-left {
  background: url(../images/style2/primary-links-left.png) top left no-repeat;
}

#primary-links-right {
  background: url(../images/style2/primary-links-right.png) top right no-repeat;
}

#primary-links {
  margin: 0 3px;
  line-height: 32px;
  background: url(../images/style2/primary-links-bg.png) top repeat-x;
}

#primary-links ul {
  line-height: 32px;
}

#primary-links ul li a {
  display: block;
  margin: 0 1px 0 0;
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background: url(../images/background.png);
}

#primary-links ul li a:hover {
  background: url(../images/style2/primary-links-bg-hover.png) repeat-x;
}

#primary-links ul li {
  float: left;
}

/* Primary Links Level Two */

#primary-links li ul {
  position: absolute;
  margin: 0 0 0 1px;
  width: 150px;
  left: -999em;
  border: 1px solid #000000;
  background: url(../images/style2/transparent-bg-2.png);
  z-index: 10;
}

#primary-links li ul li {
  width: 150px;
  background: #393939;
}

#primary-links li:hover ul, #primary-links li.sfHover ul {
  left: auto;
}

#primary-links li ul li a {
  font-size: 12px;
  line-height: 25px;
  padding: 0 5px;
  margin-bottom: 1px;
  color: #eeeeee;
}

#primary-links li ul li a:hover {
  color: #ffffff;
  background: #3868c6;
}

#primary-links li ul ul {
  margin: -37px 0 0px 160px;
}

#primary-links li:hover ul ul, #primary-links li.sfHover ul ul, #primary-links li:hover ul ul ul, #primary-links li.sfHover ul ul ul, #primary-links li:hover ul ul ul ul, #primary-links li.sfHover ul ul ul ul {
  left: -999em;
}

#primary-links li li:hover ul, #primary-links li li.sfHover ul, #primary-links li li li:hover ul, #primary-links li li li.sfHover ul, #primary-links li li li li:hover ul, #primary-links li li li li.sfHover ul {
  left:auto;
}

#primary-links li ul li.expanded {
  background: #393939 url(../images/style2/bullet.png) no-repeat 95% 50%;
}

#primary-links li li a {
  width: 140px;
}

/* Secondary Links */

#secondary-links h2 {
  display: none;
}

#secondary-links-left {
  background: url(../images/style2/secondary-links-left.png) top left no-repeat;
}

#secondary-links-right {
  background: url(../images/style2/secondary-links-right.png) top right no-repeat;
}

#secondary-links {
  margin: 0 3px;
  line-height: 31px;
  background: url(../images/style2/secondary-links-bg.png) top repeat-x;
}

#secondary-links ul {
  line-height: 31px;
}

#secondary-links ul li a {
  display: block;
  padding: 0 10px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

#secondary-links ul li a:hover {
  text-decoration: underline;
}

#secondary-links ul li {
  float: left;
}

/* Bottom Links */

#bottom-links h2 {
  display: none;
}

#bottom-links {
  line-height: 40px;
  background: #999999;
}

#bottom-links ul li a {
  padding: 0;
  text-decoration: none;
}

#bottom-links ul li {
  float: left;
}

/* Lists */

ul.menu {
  margin: 0;
  padding: 0;
  border: none;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  text-align: left;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.menu li a:hover {
  color: #2f56a4;
}

ul.menu ul {
  padding: 10px;
}

ul.menu li ul li a {
  color: #999999;
}

li.expanded, li.collapsed, li.leaf {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}

.item-list ul {
  margin: 0;
  padding: 0;
  border: none;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  font-size: 0.85em;
  text-align: left;
}

.left-sideblock .item-list ul {
  font-size: 1.0em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}

.links ul {
  font-size: 0.85em;
}

ul.links li { 
  display:inline;
  list-style-type:none;
  padding: 0 1.0em 0 0;
}
 
.right-sideblock .item-list ul li {
  border-bottom: 1px solid #cccccc;
}

.left-sideblock .item-list ul li {
  margin-left: 10px;
  list-style: outside square;
}

/* Forms */

.form-submit {
  margin-top: 10px;
  font-weight: bold;
  color: #666666;
  border: 1px solid #999999;
  background: url(../images/form-submit.png) top repeat-x;
}

#user-login-form .form-submit {
  margin-top: 0px;
}

.form-submit:hover {
  color: #ffffff;
  border: 1px solid #444444;
  background: url(../images/form-submit-hover.png) top repeat-x;
}

.form-text {
  border: 1px solid #747474;
  background: url(../images/form-text-bg.png) top repeat-x;
}

.form-textarea {
  border: 1px solid #747474;
  background: url(../images/form-textarea-bg.png) top repeat-x;
}

#user-login-form label {
  text-align: center;
  font-size: 0.85em;
}

#user-login-form .item-list ul {
  padding: 10px 0;
  text-align: center;
  font-size: 0.85em;
}

#user-login-form .form-text {
  width: 120px;
}

/* Teaser */

.node .teaser {
  margin-bottom: 10px;
  background: #e1e1e1;
}

.node .teaser .content {
  padding: 10px 10px 0 10px;
  color: #333333;
  background: #e1e1e1 url(../images/style2/teaser-bg.png) top repeat-x;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.node .teaser .title  {
  padding: 10px;
  background: #e1e1e1 url(../images/style2/teaser-title-bg.png) top repeat-x;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.node .teaser h2 a {
  color: #333333;
}

.node .teaser h2 a:hover {
  color: #2f56a4;
}

.node .teaser .submitted  {
  padding: 0 10px;
  color: #333333;
  line-height: 25px;
  background: #e1e1e1 url(../images/style2/teaser-submitted-bg.png) top repeat-x;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
}

.node .teaser .teaser-links {
  padding: 0 10px 10px 10px;
  font-size: 0.85em;
  background: #e6e6e6;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

/* Content */

.node .title {
  font-size: 1.3em;
  font-weight: bold;
  color: #2f56a4;
}

.submitted {
  font-size: 0.85em;
  color: #999999;
  padding-bottom: 1.0em;
}

.breadcrumb {
  font-size: 0.85em;
}

.field-field-slide-text {
  padding-bottom: 10px;
  font-weight: bold;
  color: #000000;
}

.field-field-image {
  padding: 0;
  margin: 0;
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}

p {
  padding-bottom: 1.0em;
}

h2 {
  font-size: 1.3em;
}

.more-link {
  margin-top: 5px;
}

.more-link a {
  padding: 3px;
  border: 1px solid #ffffff;
}

.more-link a:hover {
  background: #eeeeee;
  border: 1px solid #dddddd;
}

#footer-regions .more-link a:hover {
  color: #000000;
  text-decoration: none;
}

li.comment_add a {
  padding-left: 20px;
  background: url(../images/mini-comment.png) no-repeat left;
}

/* Comments */

.comment {
  margin: 10px 0;
  padding: 10px;
  color: #333333;
  font-size: 0.85em;
  background: #f6f6f6;
}

.comment .content {
  padding-top: 10px;
  
}

.comment-title-submitted {
   color: #999999;
}

.comment h3 {
  margin: 0;
  padding: 0;
  color: #333333;
}

.comment h3 a {
  color: #333333;
}

.comment .picture {
  float: left;
  height: 64px;
}

.comment .picture img {
  margin-right: 10px;
  height: 64px;
}

.comment-title-wrapper {
  padding:10px;
  background: #eeeeee;
}

li.comment_delete a {
  padding-left: 16px;
  font-size: 11px;
  background: url(../images/mini-trash.png) no-repeat left;
}

li.comment_edit a {
  padding-left: 16px;
  font-size: 11px;
  background: url(../images/mini-edit.png) no-repeat left;
}

li.comment_reply a {
  padding-left: 20px;
  font-size: 11px;
  background: url(../images/mini-comment.png) no-repeat left;
}

.comment a:hover {
  color: #000000;
}

.comment ul.links {
  float: right;
}


/* Poll */

.poll {
}

.poll .title {
  padding-bottom: 10px;
}

.poll .bar {
  height: 6px;
  border: 1px solid #000000;
}

.poll .bar .foreground {
  height: 6px;
  background: #213b73;
}

.poll .percent, .poll .total {
  font-size: 0.85em;
  font-weight: bold;
}

.poll .total {
  padding-bottom: 10px;
}

/* Admin */

.compact-link {
  padding-bottom: 10px;
}

div.admin {
  padding-top: 0px;
}

.help {
  font-size: 0.85em;
  color: #666666;
}

div.admin-panel h3 {
  font-size: 1.3em;
  font-weight: bold;
  color: #666666;
  padding-bottom: 10px;
}

div.admin-panel {
  margin: 0;
  padding: 0px 0px 0px;
}

div.admin .left, div.admin .right {
  float:left;
  margin-left: 0em;
  margin-right: 0em;
  width:49%;
}

div.admin-panel .body {
  padding: 0 0px 0px 0px;
}

div.admin-panel ul {
  padding-bottom: 10px;
}

ul.primary {
  border-bottom: 0px solid #BBBBBB;
  border-collapse:collapse;
  height:auto;
  line-height:normal;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 10px 0px;
  padding:0 0 10px 0;
  white-space:nowrap;
}

ul.primary li a {
  background-color: #eeeeee;
  border-color: #666666;
  color: #666666;
  font-size: 0.85em;
  border-style:solid solid solid;
  border-width: 1px;
  height: auto;
  margin-right: 0em;
  padding: 5px 5px;
  text-decoration:none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

ul.primary li a:hover {
  background-color:#ffffff;
  color: #000000;
  border-color:#999999 #999999 #999999;
}

ul.primary li.active a {
  background-color:#FFFFFF;
  color: #000000;
  border-color:#333333 #333333 #333333;
  border-style:solid;
  border-width:1px;
}


table {
  width: 100%;
  border: 1px solid #999999;
  overflow: scroll;
}

thead th {
  padding: 5px;
  font-size: 0.85em;
  font-weight: bold;
  border-bottom: 2px solid #ffffff;
  background: #cdcdcd url(../images/form-submit.png) top repeat-x;
}

tr.odd {
  background: #eeeeee;
}

tr.even {
  background: #e8e8e8;
}

tr.region-empty {
  background: #eeeeee;
}

td {
  padding: 5px;
}

td.region {
  background: #a6a6a6 url(../images/form-submit-hover.png) top repeat-x;
}

td.version, td.description {
  font-size: 0.85em;
}

td label {
  font-weight: bold;
}


dt {
}

dd {
  font-size: 0.85em;
  padding-bottom: 10px;
}

#content-display-overview-form {
  overflow: scroll;
}

/* Fieldsets */

fieldset {
  background: #f8f8f8;
  margin: 10px 0;
}

html.js fieldset.collapsible {
  position:relative;
}

html.js fieldset.collapsed {
  border-bottom-width:0;
  border-left-width:0;
  border-right-width:0;
  height:20px;
  margin-bottom:0;
}

html.js fieldset.collapsible legend a {
  display:block;
}

html.js fieldset.collapsed legend a {
  background-position:5px 50%;
}

html.js fieldset.collapsible legend a {
  padding-left: 15px;
}

fieldset .resizable-textarea {
  width: 95%;
}

fieldset .form-text {
  width: 95%;
}

.node-form .form-submit {
  margin-top: 10px;
}

/* Forum Styles */

#forum {
  color: #000000;
  background: #ffffff url(../../images/black/node-background.png) top repeat-x;
}

#forum ul.links {
  padding-bottom: 10px;
}

#forum ul.links li, #forum ul.links li a {
 padding: 0;
 margin: 0;
 color: #000000;
}

#forum ul.links li a:hover {
 padding: 0;
 margin: 0;
 color: #666666;
}

/* Main Forum table */

#forum table {
  width: 100%;
  font-size: 12px;
}

#forum td { 
  padding: 10px;
}

#forum th { 
  padding-left: 5px;
  font-size: 0.85em;
  color: #000000;
  font-weight: bold;
}

#forum th a, #forum th a.active{ 
  padding-left: 5px;
  color: #000000;
}

#forum .odd {
  background: #e0e0e0; 
  color: #000000;
}

#forum .even {
  background: #c5c5c5; 
  color: #000000;
}

/* Container Styles */

#forum .container {
  padding: 5px;
  background-color: #eeeeee; 
  color:#000000; 
  font-weight: normal; 
  font-size: 12px ;
}

#forum .container a {
  color:#000000;
  font-weight:bold;
}

#forum .container .name {
  float: left; 
  padding: 0; 
  margin: 0; 
  font-size: 1.2em;
}

#forum .container .description {
  margin: 0;
  float: right; 
  color:#000000;
}

#forum .name a {
  padding: 0;
  margin: 0;
  font-weight: bold;
}

#forum .description {
  padding: 0;
  margin: 0;
}

#forum tr td.forum {
  background-image: url(../images/forum-default.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 36px;
}

#forum td {
  padding: 10px 0;
  margin: 0;
}

#forum div.indent {
  margin-left: 0;
}

#forum .title {
  font-size: 1.0em;
}

#forum .active {
  color: #000000;
}

#forum th img {
  padding-left: 10px;
}

#forum td.icon {
  padding: 0;
  margin: 0;
  text-align: center;
}

.forum-topic-navigation {
  margin-bottom: 10px;
}

.forum-topic-navigation .topic-next {
  text-align: right;
}

.forum-topic-navigation .topic-previous {
  text-align: left;
}

/* Typography */

h1 {
  padding-bottom: 10px;
  font-size: 1.3em;
  font-weight: bold;
}

h2 {
  padding-bottom: 10px;
  font-size: 1.3em;
  font-weight: bold;
}

h3 {
  padding-bottom: 10px;
  font-size: 1.2em;
  font-weight: bold;
}

h4 {
  padding-bottom: 10px;
  font-size: 1.1em;
  font-weight: bold;
  color: #333333;
}

h5 {
  padding-bottom: 10px;
  font-size: 1.0em;
  font-weight: bold;
  color: #333333;
}

p.alert {
  margin: 10px 0;
  padding: 10px 15px 10px 54px;
  color: #523A00;
  border-top: 3px solid #FEC201;
  border-bottom: 3px solid #FEC201;
  background: #FFEDB5 url(../images/alert.png) 15px 50% no-repeat;
}

p.info {
  margin: 10px 0;
  padding: 10px 15px 10px 54px;
  color: #001045;
  border-top: 3px solid #0023A1;
  border-bottom: 3px solid #0023A1;
  background: #BACAFF url(../images/info.png) 15px 50% no-repeat;
}

p.notice {
   margin: 10px 0;
  padding: 10px 15px 10px 54px;
  color: #363636;
  border-top: 3px solid #5C5C5C;
  border-bottom: 3px solid #5C5C5C;
  background: #D9D9D9 url(../images/modify.png) 15px 50% no-repeat;
}

p.download {
  margin: 10px 0;
  padding: 10px 15px 10px 54px;
  color: #26420E;
  border-top: 3px solid #5EAA1F;
  border-bottom: 3px solid #5EAA1F;
  background: #DAFFBA url(../images/download.png) 15px 50% no-repeat;
}

li.check {
  padding-left: 20px;
  padding-bottom: 12px;
  list-style-position: outside;
  list-style-type: none;
  font-size: 12px;
  font-weight: bold;
  color: #2d3b6a;
  background: url(../images/checkmark.png) 0px 10% no-repeat;
}

blockquote {
  margin: 20px;
  padding-left: 45px;
  background: url(../images/openquote.png) top left no-repeat;
} 

blockquote p {
  padding-right: 35px;
  background: url(../images/closequote.png) bottom right no-repeat;
} 

pre {
  padding: 10px;
  margin: 10px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  border: 1px outset #333333;
  background: #ededed;
}
dddave’s picture

Paste the code from my last reply and see if it works. Make sure to flash your caches after you made the changes.

Ownaholic’s picture

I added it to the very end of the code, since I couldn't find a more sensible place to put it, and unfortunately still nothing.

Stupid question, but how exactly does one flash the cache? I've never heard the phrase before. I've cleared browser cache, but that's as far as my knowledge of it goes. I'm a Drupal noob. =[

dddave’s picture

Flush! Go to admin/settings/performance and scroll down. There you find a clear caches button.

Have you pasted my code with the . in front of signature?

Ownaholic’s picture

Haha, oh, I actually already knew how to do that. I just forgot I knew. =]

Yes, the code has a . in the front; I copied it exactly as it was written, but still to no avail after flushing it unfortunately.

dddave’s picture

Try renaming the code to .comment .signature {.....).

If that doesn't work I suspect that your theme (custom coded or a known one) doesn't support signatures. You might have to dive into how themes "enable" signatures. I am no expert here.