style_system | Font Size Reply Form

I would like to change the font size of text written in the reply form on the comment pages, as it's very tiny now. Yet I can't figure out what code in my CSS covers that section, so I don't know what to change. I'm hoping that anyone here can help me out. Thanks in advance!

Oh, and just in case... Here's my CSS.

/* Five AM */
/* A Dreamwidth Tabula Rasa Layout */
/* Variable width; one column, two column-left, two colum-right page setups */
/* by w i n t e r f i s h */

* {margin: 0; padding: 0; font-size: 100%;}
html {font-size: 100%;}

body {
	margin: 0;
    padding: 0;
    color: #555;
	font-family: verdana, helvetica, sans-serif;
	font-size: 60%;
        text-align: justify;
        padding: 0;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal; font-family: calibri, arial, helvetica, sans-serif; color: #464646;}

img {border: none;}

hr {display: ;}

p {margin: 1em 0;}

blockquote {
	margin: 1em 0;
	padding: 2em 1em 2em 6.5em !important;
        line-height: 1.4em;
        border-top: 4px solid #252525 !important;
        border-bottom: 4px solid #252525 !important;
        background: url(http://pics.livejournal.com/winterfish/pic/00109cgq) top left no-repeat #ffffff;
}

input, textarea, select {
	color: #555;
    background: #fff;
	border: 1px solid #aaa;
}

pre {
	font-size: 1.4em;
}

#qrform {
	margin-top: 1em !important;
}

/* ----- LINKS ----- */

a, a:link, a:active, a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #D6641D;
}

a:hover {color: #93CEDC;}

.module  a, .module h2 a, .module  h2 {color: #252525;}
.module a:hover, .module h2 a:hover {color: #93c9d2;}

.module-calendar td a, .module-powered a, .manage-tags-link a, .manage-link a {color: #D6641D;}
.module-calendar td a:hover, .module-powered a:hover, .manage-tags-link a:hover{color: #93c9d2;}

.entry-title  a, .datetime a {color: #252525;}
.entry-title  a:hover, .datetime a:hover {color: #93c9d2;}

.entry-content a, .comment-content a {color: #D6641D;}
.entry-content a:visited, .comment-content a:visited {color: #63a0b7;}
.entry-content a:hover, .comment-content a:hover {color: #93c9d2;}

.entry-content .ljuser a, .comment-content .ljuser a {color: #6DB4C1; font-size: 0.9em;}
.entry-content .ljuser a:hover, .comment-content .ljuser a:hover {color: #93c9d2;}

.entry-poster .ljuser a, .comment-poster .ljuser a, .module-pagesummary .ljuser a {color: #D6641D;}
.entry-poster a:hover, .comment-poster .ljuser a:hover, .module-pagesummary .ljuser a:hover {color: #93c9d2;}

.entry-interaction-links li a, .entry-management-links li a {color: #555555;}
.entry-interaction-links li a:hover, .entry-management-links li a:hover {color: #929292;}

.comment .comment-title a {color: #D6641D;}
.comment .comment-title a:hover {color: #93c9d2;}

.comment-interaction-links a, .comment-management-links a {color: #252525;}
.comment-interaction-links a:hover, .comment-management-links a:hover {color: #93c9d2;}

/* ----- PAGE SETUP ----- */

.one-column #content { float: none; }
.two-columns-left #content {
    border-left: 20em solid transparent;
}

.two-columns-right #content {
    border-right: 20em solid transparent;
}

#primary {
    float: left;
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

.one-column #primary { float: none; }

.one-column  #primary > .inner:first-child {
    padding: 1em;
}
.two-columns-left #primary > .inner:first-child {
    padding: 1em 1em 1em 3em; /* adjust space btwn sidebar and entries */
}

.two-columns-right #primary > .inner:first-child {
    padding: 1em 3em 1em 1em; /* adjust space btwn sidebar and entries */
}

.one-column #secondary { width: 20em; margin-top: -4em;}
.two-columns-left #secondary {
    float: left;
    width: 20em;
    margin-left: -20em;
	margin-top: -2.3em; /* ----- adjust height of sidebar left ----- */
}

.two-columns-right #secondary {
    float: right;
    width: 20em;
    margin-right: -20em;
	margin-top: -2.3em; /* ----- adjust height of sidebar left ----- */
}

#secondary > .inner:first-child {
	margin: 0 1em;
    padding: 1em 0;
}

#tertiary {
	padding-top: 0;
	padding-bottom: 3em;
}

.one-column #tertiary { width: 100%;}
.two-columns-left #tertiary, .two-columns-right #tertiary {
    clear: both;}
.two-columns-left #tertiary { margin-left: -20em; padding-top: 1em;}
.two-columns-right #tertiary { margin-right: -20em; padding-top: 1em;}

#tertiary > .inner:first-child {
	margin: 0;
    padding: 0 1em;
}

#content-footer {
    height: 0;
    font-size: 0; /*to make IE happy*/
    clear: both;
}

/* ----- CANVAS ----- */

#canvas {
	font-size: 1.2em;
}

#canvas > .inner:first-child {
	margin: 0 5% auto;
}

/* ----- HEADER & FOOTER ----- */

#header, #footer {
    margin: 0;
    clear: both;
	text-transform: ;
}

#header {
    margin-top: 5em;
	text-align: left;
    background: #fff;
}

#header .inner {
    margin: 0 1em;
	padding: 1em 0 2em 0;
	border-top: 2px solid #252525;
	border-bottom: 2px solid #252525;
}

#footer {
	margin: 0 5%;
}

#footer .inner {
	margin: 0 .8em;
	padding: 2em 0;
	text-align: left;
	font-size: 1.2em;
	border-top: 2px solid #252525;
}

h1#title {
	margin-top: .5em;
	color: #404040; 
	font-size: 2.8em;
}

h1#title:first-letter {color:#}

h2#subtitle {
	margin-top: -.4em;
	color: #404040; 
	font-size: 1.7em;
}

h2#pagetitle {display: none;}

#footer a {  }
#footer a:active {  }
#footer a:hover {  }
#footer a:visited {  }

/* ----- MAIN MENU ----- */

.module-navlinks ul {
	position: absolute;
	top: 0;
	padding: 2em 0 1em 0;
	text-align: left;
}

.two-columns-right .module-navlinks ul {
	left: 5%;
	padding-left: .5em;
}

.has-navstrip .module-navlinks ul {
	position: absolute;
	top: 50px;
}

.one-column .module-navlinks ul {margin-left: -10px;}
.two-columns-left .module-navlinks ul {margin-left: -10px;}
.two-columns-right .module-navlinks ul {margin-left: 0;}

.module-navlinks li {
	display:inline;
	padding: 0 .5em !important;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.7em;
	text-transform: ;
}

/* ------ MODULES ----- */

.module {
	margin-bottom: 2.5em;
	font-size: 0.9em;
	text-align: left;
	line-height: 1.1em;
}

.one-column #secondary  .module {
	padding-left: 0;
	padding-right: 0;
}

.two-columns-left #secondary .module {
	padding-left: 0;
	padding-right: 0;
}

.one-column #tertiary .module, .two-columns-left #tertiary .module, .two-columns-right #tertiary .module {
	margin: 0 2em 1em 0;
	padding-bottom: 2em;
	float: left;
	width: 20em;
	max-height: 280px;
	overflow: auto;
}

.module h2 {
	padding-top: .8em;
    font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal !important;
	text-transform: ;
	border-top: 1px solid #252525;
}

.module-content {
	padding-top: .8em
}

.module-content ul {
	list-style-type: none;
	padding-left: 0;
}

.module-content li {
    padding: .3em 0;
}

/* --- User Info --- */

.module-userprofile .journal-name {display: none;}

.module-userprofile .userpic {
	padding: 0;
	width: 110px;
	height: 110px;
}

.module-userprofile .userpic img {
	padding: 5px;
	border: 1px solid #252525;
    background: #252525;
}

.module-userprofile .journal-website-name {
	padding-top: 0.8em;
}

ul.userlite-interaction-links {
	list-style: none;
	padding-top: 1em;
}
ul.userlite-interaction-links li { 
	display: block;
}

/* --- sidebar calendar --- */

.module-calendar .module-content {
	padding-top: 1em;
}

.module-calendar table {
	text-align: center;
	width: 100%;
}

.module-calendar th, .module-calendar td {
	height: 2em;
	line-height: 2em;
	border: 1px solid #ccc;
}

.module-calendar td a {
	display: block;
	text-align: center;
	background: #e9e9e9;
}

.module-calendar td a:hover {
	background: #fff;
}

/* --- Page Summary --- */

.module-pagesummary .module-content a img {
	display: none;
}

/* multi-level tags list */

.module-tags_multilevel li {
	list-style-type: none;
    margin-left: 0;
	padding-left: 0;
}

.module-tags_multilevel li ul li {
	margin-left: -0.5em;
	padding-left: 2em;
}

/* tags cloud */

.module-tags_cloud .module-list, .module-tags_cloud .module-list ul, .module-tags_cloud .module-list-item {
	list-style-type: none;
	list-style-image: none;
	display:inline;
}

.module-tags_cloud .module-list {
	line-height: 1.8em;
}

.module-tags_cloud .module-list a {
	text-decoration: underline;
}

.manage-tags-link, .manage-link {
	padding-top: .8em;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.2em;
	text-transform: ;
}

/* powered by, page generated */

.module-powered, .module-time { 
	padding-top: .8em;
    border-top: 1px solid #252525;
}

.module-time {font-size: .9em;}

/* ----- NAVIGATION ----- */

.navigation {
	margin-top: -1.5em;
    padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.3em;
	text-transform: ;
	text-align: right;
}

.navigation ul { 
	list-style: none;
}
.navigation li { 
	display: inline;
	padding: 0 .5em; 
}

.page-day .navigation .page-forward:before {
        content: "|  ";
}

.page-day .navigation .page-forward a {
        padding-left: .6em;
}

.topnav {
        min-height: 1.2em;
}

.bottomnav {
    padding-top: 0;
}

.page-archive .bottomnav, .page-month .bottomnav {
        border-top: 0;
        padding-top: 0;
}

/* ----- CONTENT ----- */

#content {
	margin: 0;
    padding: 2em 0 0 0;
	background: #fff;
}

/* line up top of entry with sidebar */
.page-entry .entry-wrapper, .page-tags .tags-container {margin-top: .7em;}

/* ----- ENTRIES ----- */

.entry-content ul, .entry-content ol, .comment-content ul, .comment-content ol {
	margin: 1em 1em 1em 3em;
}

.entry-wrapper {
	margin: 1em 0 4em 0; 
	font-size: 1em;
}

.entry .header {
	padding: 1em 0 0em 0;
	border-top: 1px solid #252525;
}

.entry .entry-title {
    display: inline;
	margin: 0;
	padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
        font-weight: bold;
	font-size: 1.5em;
}

.entry .access-filter img, .entry .restrictions img {
	display: inline;
	padding-left: .5em;
}

.entry .datetime {
    float: right;
	display: inline-block;
	margin-top: .2em; /* ---height hack ----- */
    font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.25em;
	text-transform: none;
    color: #464646;
}

.entry .date:after {content: " | ";}

.entry .contents {
	margin-top: .5em;
	padding: 0;
	line-height: 1.45em;
}

.has-userpic .entry .contents {
	min-height: 140px;
	margin-right: 120px;
	padding-right: 2em;
}

/* ------- entry userpics ------- */

.entry .userpic {
	float: right;
	clear: right;
	margin-right: -140px;
margin-top: 1em;
	text-align: center;
	width: 110px;
}

.contents .userpic img {
	padding: 5px;
	border: 1px solid #404040;
	background: #404040;
}

.entry .poster {
    padding-bottom: 2em;
	font-size: 1em;
    color: #004767;
    display: block;
}

.entry-content {
	margin-top: -1em;
	padding: 0 0 2em 0;
}

.entry-content, .comment-content {font-size: 1.1em;}

/* ----- METADATA ----- */

.metadata {
	padding: 0 0 1em 0;
	font-size: 0.9em;
	line-height: 1.2em;
}

.metadata-label {
	font-weight: normal;
	font-size: 0.9em;
	text-transform: uppercase;
}

.metadata ul {
	list-style: none;
}

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

.metadata-item-xpost a {padding-right: .5em;}

.entry .footer {
	clear: left;
}

/* ----- ENTRY FOOTER ----- */

.tag {
	padding: 0 0 .7em 0;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.1em;
    line-height: 1.2em;
	text-transform: ;
	border-top: 0px solid #252525;
}

.tag-text {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
}

.tag ul { 
	display: inline;
	list-style: none;
	padding-left: 0; 
}
.tag ul li {
	display: inline;
	padding: .25em; 
}

/* ------ entry links bar ----- */

.entry-management-links {
	float: left;
	list-style: none;
	padding: 1em 0 1em .5em;
}

.entry-interaction-links {
	list-style: none;
	text-align: right;
	padding: 1em .5em 1em 0;
        background: #e9e9e9;
}

.entry-interaction-links li, .entry-management-links li { 
	display: inline;
	padding: .5em !important;
        font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: ;
}

/* ------ COMMENTS ----- */

.comment-pages {
	text-align: center;
	padding-top: 0;
	padding-bottom: 1em;
}

#comments {
	margin-top: -2em;
	padding-top: 1em;
	background: #fff;
}

.comment-wrapper {
	margin: .5em 0 0 0;
	padding: .5em 0;
	font-size: 1em;
	border-top: 1px solid #252525;
}

.partial {        
        padding: .3em 0 !important;
		font-size: 1em;
}

.partial .comment {
    display: inline !important;
	padding: 1em 0;
	font-size: 1em;
}
.partial .comment-title {
	display: inline !important;
	font-size: 1.2em !important;
}

.comment-title h4 {
	display: inline !important;
    padding-right: 0.5em;
}

.comment {}

.comment .comment-title {
    padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.3em;
	font-weight: normal;
}

.comment .header .datetime {
	padding: 0 0 .5em 0;
	font-size: 0.9em;
	text-transform: uppercase;
}

.comment .contents {
	clear: both;
	text-align: left;
	line-height: 1.45em;
	padding: .5em 0;
}

.comment .userpic {
	margin-right: 1em;
    padding-right: 0.5em;
	float: left;
	text-align: center;
	width: 110px;
	background: #fff;
}

.comment .poster {
	margin: 0;
	font-size: 1em !important;
}

.comment-poster .anonymous {
	color: #6DB4C1 !important;
	font-weight: bold;
}

.comment .poster-ip {
	font-size: 1em;
	color: #6DB4C1;
}

.comment-content {padding: .8em 0 .5em 0;}

/* ------ comment links bar ----- */

.comment .footer {
        clear: left;
        padding: .5em .5em 0 .5em;
}

.comment .multiform-checkbox {
	float: right;
	margin-top: -1px; /* line up the checkbox */
	padding-left: .5em;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.2em;
	text-transform: lowercase;
}

.comment-interaction-links {
	list-style: none;
	padding-bottom: 1em;
	font-size: 0.9em;
	text-align: right;
}

.comment-interaction-links li, .comment-management-links li {
	display: inline;
	padding: 0 .5em;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.2em;
	text-transform: lowercase;
	border-right: 1px solid #ccc;
}

.comment-management-links {
	list-style: none;
	font-size: 0.9em;
	float: right;
}

.comment-management-links li:first-child {
	border-left: 0;
}

.edittime {
     padding-top: 1em;
     color: #93CEDC;
}

.bottomcomment {
	margin: 0;
	padding: 2.2em 0 .5em 0;
    text-align: center;
}

.bottomcomment .entry-interaction-links{
    margin-bottom: 1.5em;
}

textarea#commenttext { 
	width: 100%; /* fix for FF form width glitch */
}

/* --- DAY PAGE --- */

#archive-day .day {
	margin: 1em 0 0 0;
	border-top: 1px solid #252525;
}

h3.day-date {
    margin-left: 0;
    padding-top: 1em;
	font-size: 1.4em;
	font-family: calibri, arial, helvetica, sans-serif;
}

/* ----- VIEW BY MONTH PAGE ----- */

#archive-month .topnav {display: none;}

#archive-month .month {
	margin-top: .7em;
	padding: 1em 2em 0 2em;
	border-top: 1px solid #252525;
}

.month h3.entry-title {
        font-family: calibri, arial, helvetica, sans-serif;
		font-size: 1.3em;
}

dd.month { display: inline; }

.month .datetime, .month .access-filter, .month .entry-title {
	display: inline;
	margin: 0;
	padding-right: 5px;
}

.month .tag {
    padding-top: 0;
	padding-left: 0;
	border-top: none;
}

#archive-month .navigation {
	text-align: center;
}

#archive-month .bottomnav {
       margin-top: .5em;
}

.navigation .month-back, .navigation .month-forward {
	display: inline;
	list-style-type: none;
	text-align: center;
}

/* ------- ARCHIVE PAGE ------- */

#archive-year {
	padding: 0 4em 2em 4em; 
	background: #ffffff;
}

#archive-year .navigation {
	text-align: center;
}

.page-archive .bottomnav {padding-top: 1em;}

.month-wrapper {
	margin: 1.5em 0;
}

.month-wrapper .header {
    padding: 0 0 .5em 2em;	
	font-size: 1.2em;
}

.month-wrapper .contents caption {display: none;}

table.month {
	margin: 0 auto;
	width: 90%;
	text-align: center;
}

.month-wrapper th {
	padding: 0.5em;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
    font-weight: normal;
	height: 4em;
}

.month-wrapper td {	
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	width: 4em;
	height: 4em;
}

.month-wrapper td:first-child, .month-wrapper th:first-child {	
	border-left: 1px solid #aaa;
}

.month-wrapper .day-has-entries {
	background-color: #e9e9e9;
}

.month-wrapper .day-has-entries a {
        font-size: 1.3em;
}

.month-wrapper .day-has-entries:hover {
	background-color: #fff;
}

.month-wrapper .label {font-weight: normal;}

.month-wrapper .footer {
    padding-top: 1em;
    padding-right: 2.5em;
	text-align: right;
	font-size: 1.1em;
	text-transform: none;
}

/* ------- TAG PAGE ------- */

.tags-container {
	margin-top: .7em !important; /* --- height hack --- */
	padding: 0 1em;
	border-top: 1px solid #252525;
}

.tags-container h2 {
	padding: .5em 0 1em 0;
	font-family: calibri, arial, helvetica, sans-serif;
}

.tags-container .ljtaglist {
	margin-left: 3em;
	line-height: 1.8em;
}

.tags-container ul.ljtaglist {
	list-style-type: none;
}

.tags-container .manage-tags-link {
	margin-bottom: 1em;
}

.page-tags .tags_cloud ul, .page-tags .tags_cloud li {
	list-style-type: none;
	list-style-image: none;
	display:inline;
}

/* ----------------- NAVBAR ----------------- */

#lj_controlstrip {
       background: #000000;
       border-bottom: 1px solid #878080;
}

#lj_controlstrip td {
    color: #989898;
}

#lj_controlstrip a {
       color: #f1f1f1;
}

#lj_controlstrip_statustext, #lj_controlstrip .ljuser a {
       color: #D6641D;
}

#lj_controlstrip_user,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic,
#lj_controlstrip_actionlinks
{
    border-right: 1px solid #878080;
}

/*--- paste any additional css overrides below this line ---*/

.tag-text { display: none; }
div.tag ul { background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/Tag.png') no-repeat center left; padding: 16px 16px 16px 16px;margin: -2px;
}

.entry-content hr,
.comment-content hr {
margin: 0;
}

.ljuser img {
width: 0;
height: 0;
background: url(http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/User.png);
padding: 0 0 16px 18px;
}

img[src*='user.png'] { 
width: 0; height: 0; 
padding: 16px 18px 0 0; 
background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/User.png') no-repeat; 
vertical-align: middle !important;
}

img[src*='user.png'], img[src*='lj-userinfo.gif'], img[src*='userinfo.gif'], img[src*='user_other.png'], img[src*='user_staff.png'], img[src*='.ico'] { 
background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/User.png') no-repeat bottom left;
padding: 0 0 16px 18px;
}

img[src*='community.png'], img[src*='community.gif'], img[src*='comm_staff.png'] { 
background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Mini%20icons/Directions.png') no-repeat bottom left;
padding: 0 0 16px 18px;
width: 0; height: 0;  
}

Flat | Top-Level Comments Only

From:

samjohnsson

It's because the font size for the canvas div is 1.2em, which inherits strangely in dependent classes. Spiking a font-size into
input, textarea, select { }
seems to fix it.

aldro

I'm not sure I understand correctly. I tried adding a font size to the input, textarea section (as there was none specified) but that didn't work. Did I do something wrong?

Huh. should've. What units of measure did you use? Could try putting
font-size: 13px;
in textarea#commenttext { }. It seems to render correctly in Firebug.

Unfortunately, that doesn't work either. The CSS uses 'em' measurements, but neither that or 'px' seems to do the trick. I am officially confused.

I have no idea, then. I can get it to change in Firebug and render in Firefox by fixing those, but I don't know what's going on in your actual style that would be blocking it.

synecdochic

(belatedly) Likely, the problem is with your browser font settings, not with your CSS. Try changing your browser font settings so that the font used for fixed-width is larger? That might help.

(I know that default Firefox "out of the box" has a very, very small font size for fixed-with font, which is always the first thing I change.)

Dreamwidth style system discussion

Font Size Reply Form

Font Size Reply Form

no subject

no subject

no subject

no subject

no subject

no subject

Profile

September 2025

Links

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags