WordPress.org

Ready to get started?Download WordPress

Forums

Change Default Font and Font Size (26 posts)

  1. sheldon365
    Member
    Posted 1 year ago #

    I am currently using Tinymce advanced as my editor but I am facing a problem, I use Times New Roman as my font and font size 6 (24 pt) and Bold Font weight in all my post. But the default font is set to a different value right now. So I have to manually set it to the value I want for each and every post, I would like it to load to its default values on its own.

    I have added the editor-style.css to the default theme folder and checked the Advanced Link and import editor-style.css options in the settings section and added add_editor_style(); but the changes only appear in the backend i.e in the visual editor and not on the website and even the backend does not have it exactly as I would have wanted it to appear or in the manner that it appears when I manually select the values.

    This is how my editor-style.css looks

    /*
    Theme Name: Twenty Eleven
    Description: Used to style the TinyMCE editor.
    */
    
    html .mceContentBody {
    	max-width: 584px;
    }
    * {
    	color: inherit;
    	font: 24px "Times New Roman", Times, serif;
    	font-style: inherit;
    	font-weight: bold;
    	line-height: 1.625;
    }
    body {
    	color: #333;
    	font: 24px "Times New Roman", Times, serif;
    	font-weight: 300;
    	line-height: 1.625;
    }
    
    /* Headings */
    h1,h2,h3,h4,h5,h6 {
    	clear: both;
    }
    h1,
    h2 {
    	color: #000;
    	font-size: 24px;
    	font-weight: bold;
    	margin: 0 0 .8125em;
    }
    h3 {
    	font-size: 24px;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	text-transform: uppercase;
    }
    h4, h5, h6 {
    	font-size: 24px;
    	margin: 0;
    }
    hr {
    	background-color: #ccc;
    	border: 0;
    	height: 1px;
    	margin-bottom: 1.625em;
    }
    
    /* Text elements */
    p, ul, ol, dl {
    	font-weight: 300;
    }
    p {
    	margin-bottom: 1.625em;
    }
    ul, ol {
    	margin: 0 0 1.625em 2.5em;
    	padding: 0;
    }
    ul {
    	list-style: square;
    }
    ol {
    	list-style-type: decimal;
    }
    ol ol {
    	list-style: upper-alpha;
    }
    ol ol ol {
    	list-style: lower-roman;
    }
    ol ol ol ol {
    	list-style: lower-alpha;
    }
    ul ul, ol ol, ul ol, ol ul {
    	margin-bottom: 0;
    }
    dl {
    	margin: 0 1.625em;
    }
    dt {
    	font-size: 15px;
    	font-weight: bold;
    }
    dd {
    	margin: 0 0 1.625em;
    }
    strong {
    	font-weight: bold;
    }
    cite, em, i {
    	font-style: italic;
    }
    cite {
    	border: none;
    }
    big {
    	font-size: 131.25%;
    }
    .mceContentBody blockquote,
    .mceContentBody blockquote p {
    	font-family: Georgia, "Bitstream Charter", serif !important;
    	font-style: italic !important;
    	font-weight: normal;
    	margin: 0 3em;
    }
    .mceContentBody blockquote em,
    .mceContentBody blockquote i,
    .mceContentBody blockquote cite {
    	font-style: normal;
    }
    .mceContentBody blockquote cite {
    	color: #666;
    	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: 300;
    	letter-spacing: 0.05em;
    	text-transform: uppercase;
    }
    pre {
    	background: #f4f4f4;
    	font: 13px "Courier 10 Pitch", Courier, monospace;
    	line-height: 1.5;
    	margin-bottom: 1.625em;
    	padding: 0.75em 1.625em;
    }
    code, kbd, samp, var {
    	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }
    abbr, acronym, dfn {
    	border-bottom: 1px dotted #666;
    	cursor: help;
    }
    address {
    	display: block;
    	margin: 0 0 1.625em;
    }
    del {
    	color: #333;
    }
    ins {
    	background: #fff9c0;
    	border: none;
    	color: #333;
    	text-decoration: none;
    }
    sup,
    sub {
    	font-size: 10px;
    	height: 0;
    	line-height: 1;
    	position: relative;
    	vertical-align: baseline;
    }
    sup {
    	bottom: 1ex;
    }
    sub {
    	top: .5ex;
    }
    input[type=text],
    textarea {
    	background: #fafafa;
    	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    	border: 1px solid #ddd;
    	color: #888;
    }
    input[type=text]:focus,
    textarea:focus {
    	color: #333;
    }
    textarea {
    	padding-left: 3px;
    	width: 98%;
    }
    input[type=text] {
    	padding: 3px;
    }
    
    /* Links */
    a,
    a em,
    a strong {
    	color: #1b8be0;
    	text-decoration: none;
    }
    a:focus,
    a:active,
    a:hover {
    	text-decoration: underline;
    }
    
    /* Alignment */
    .alignleft {
    	display: inline;
    	float: left;
    	margin-right: 1.625em;
    }
    .alignright {
    	display: inline;
    	float: right;
    	margin-left: 1.625em;
    }
    .aligncenter {
    	clear: both;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    /* Tables */
    table {
    	border: none !important;
    	border-bottom: 1px solid #ddd !important;
    	border-collapse: collapse;
    	border-spacing: 0;
    	text-align: left;
    	margin: 0 0 1.625em;
    	width: 100%;
    }
    tr th {
    	border: none !important;
    	color: #666;
    	font-size: 10px;
    	font-weight: 500;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	text-transform: uppercase;
    }
    td {
    	border: none !important;
    	border-top: 1px solid #ddd !important;
    	padding: 6px 10px 6px 0;
    }
    
    /* Images */
    img[class*="wp-image-"] {
    	height: auto;
    	max-width: 97.5%;
    }
    img.size-full {
    	width: auto; /* Prevent stretching of full-size images in IE8 */
    }
    img.wp-smiley {
    	border: none;
    	margin-bottom: 0;
    	margin-top: 0;
    	padding: 0;
    }
    p img,
    .wp-caption {
    	margin-top: 0.4em;
    }
    img,
    .editor-attachment {
    	border: 1px solid #ddd;
    	padding: 6px;
    }
    img.alignleft,
    img.alignright,
    img.aligncenter {
    	margin-bottom: 1.625em;
    }
    .wp-caption {
    	background: #eee;
    	border: none;
    	margin-bottom: 1.625em;
    	max-width: 96%;
    	padding: 9px;
    }
    .wp-caption img {
    	display: block;
    	margin: 5px auto 0 !important;
    	max-width: 98%;
    	border-color: #eee;
    }
    .wp-caption .wp-caption-text,
    .wp-caption-dd {
    	color: #666;
    	font-family: Georgia, serif !important;
    	font-size: 12px;
    	margin: 0 0 0.6em 0 !important;
    	padding: 0 0 5px 40px;
    	position: relative;
    	text-align: left;
    }
    .wp-caption .wp-caption-text:before {
    	color: #666;
    	content: '\2014';
    	font-size: 14px;
    	font-style: normal;
    	font-weight: bold;
    	margin-right: 5px;
    	position: absolute;
    	left: 10px;
    	top: 7px;
    }
    a:focus img[class*="wp-image-"],
    a:hover img[class*="wp-image-"],
    a:active img[class*="wp-image-"] {
    	background: #eee;
    	border-color: #bbb;
    }
    .wp-caption a:focus img,
    .wp-caption a:active img,
    .wp-caption a:hover img {
    	background: #fff;
    	border-color: #ddd;
    }

    This is how my Style.css looks

    /************************************************************************************
    RESET
    *************************************************************************************/
    html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
    dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
    a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
    strong, sub, sup, tt, var, legend, fieldset {
    	margin: 0;
    	padding: 0;
    }
    
    img, fieldset {
    	border: 0;
    }
    
    /* set img max width */
    img {
    	width: auto\9; /* ie8 */
    	max-width: 100%;
    	height: auto;
    }
    
    /* reset iphone text adjust */
    html {
    	-webkit-text-size-adjust: 100%;
    }
    
    /************************************************************************************
    GENERAL STYLING
    *************************************************************************************/
    body {
    	font: 24px/150% "Times New Roman", Times, serif;
            font-weight: bold;
    	background: #efefe8 url(images/body-bg.png);
    	color: #666;
    }
    p {
    	margin: 0 0 1.2em;
    	padding: 0;
    }
    a {
    	text-decoration: none;
    	outline: none;
    	color: #db6212;
    }
    a:hover {
    	text-decoration: underline;
    }
    small {
    	font-size: 87%;
    }
    em, i {
    }
    ul, ol {
    	margin: 1em 0 1.4em 24px;
    	padding: 0;
    	line-height: 140%;
    }
    li {
    	margin: 0 0 .5em 0;
    	padding: 0;
    }
    blockquote {
    	font: italic 24px/130% "Times New Roman", Times, serif;
    	padding: 8px 30px 15px;
    }
    h1, h2, h3, h4, h5, h6 {
    	line-height: 1.4em;
    	margin: 20px 0 .4em;
    	text-shadow: 0 1px 1px rgba(0,0,0,.2);
    }
    h1 {
    	font-size: 2em;
    }
    h2 {
    	font-size: 1.6em;
    }
    h3 {
    	font-size: 1.4em;
    }
    h4 {
    	font-size: 1.2em;
    }
    h5 {
    	font-size: 1.1em;
    }
    h6 {
    	font-size: 1em;
    }
    input, textarea, select {
    	font-size: 100%;
    	font-family: inherit;
    }
    textarea {
    	line-height: 150%;
    }
    input[type=text], input[type=password], textarea {
    	border: none;
    	padding: 5px 7px;
    	background: #e2e2de;
    	color: #666;
    	-webkit-border-radius: 12px;
    	-moz-border-radius: 12px;
    	border-radius: 12px;
    	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.4);
    	-moz-box-shadow: 0 -1px 0 rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.4);
    	box-shadow: 0 -1px 0 rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.4);
    	-webkit-appearance: none;
    }
    textarea {
    	-webkit-border-radius: 8px;
    	-moz-border-radius: 8px;
    	border-radius: 8px;
    }
    textarea:focus, input[type=password]:focus, input[type=text]:focus {
    	border: none;
    	outline: none;
    }
    /* set input width */
    input[type=text], input[type=search] {
    	width: 240px;
    	max-width: 90%;
    }
    /* set textarea width */
    textarea {
    	line-height: 150%;
    	padding: 6px 2%;
    	width: 96%;
    }
    input[type=reset], input[type=submit] {
    	background: #666;
    	text-transform: uppercase;
    	color: #fff;
    	border: none;
    	padding: 6px 20px;
    	cursor: pointer;
    	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    	box-shadow: 0 1px 0 rgba(0,0,0,.2);
    	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#333333));
    	background: -moz-linear-gradient(top,  #777777,  #333333);
    	background: linear-gradient(-90deg, #777777, #333333);
    	-webkit-border-radius: 10em;
    	-moz-border-radius: 10em;
    	border-radius: 10em;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    }
    input[type=reset]:hover, input[type=submit]:hover {
    	background: #555;
    }
    
    /************************************************************************************
    STRUCTURE
    *************************************************************************************/
    #pagewrap {
    	width: 918px;
    	margin: 0 auto;
    }
    #body {
    	padding: 35px 0 80px;
    }
    #content.fullwidth, .fullwidth {
    	float: none;
    	width: 100%;
    }
    
    /* sidebar1 */
    .sidebar1 #content {
    	width: 630px;
    	float: left;
    }
    
    /* sidebar left */
    .sidebar-left #content {
    	float: right;
    }
    .sidebar-left #sidebar {
    	float: left;
    }
    
    /* sidebar none */
    .sidebar-none #content {
    	width: 100% !important;
    }
    
    /************************************************************************************
    GRID
    *************************************************************************************/
    .col4-1,
    .col4-2,
    .col4-3,
    .col3-1,
    .col3-2,
    .col2-1
    {
    	float: left;
    	margin: 0 0 0 30px;
    }
    .col4-1 {
    	width: 207px;
    	max-width: 23%;
    }
    .col4-2, .col2-1, #content.col2-1 {
    	width: 444px;
    	max-width: 48%;
    }
    .col4-3 {
    	width: 681px;
    	max-width: 72%;
    }
    .col3-1 {
    	width: 286px;
    	max-width: 31%;
    }
    .col3-2 {
    	width: 602px;
    	max-width: 62%;
    }
    .first {
    	margin-left: 0;
    	clear: left;
    }
    .col.last {
    	margin-right: 0;
    	clear: left;
    }
    
    /************************************************************************************
    HEADER
    *************************************************************************************/
    #header {
    	position: relative;
    	height: 170px;
    }
    #site-logo {
    	position: absolute;
    	top: 40px;
    }
    #site-logo a {
    	font: bold 34px/100% Arial, Helvetica, sans-serif;
    	letter-spacing: -.05em;
    	color: #444;
    	text-decoration: none;
    	text-shadow: 0 1px 2px rgba(0,0,0,.3);
    }
    #site-description {
    	position: absolute;
    	top: 85px;
    	font: italic 14px/100% "Times New Roman", Times, serif;
    }
    
    /* header banner */
    .header-banner {
    	position: absolute;
    	top: 55px;
    	right: 0;
    }
    .header-banner .widget {
    	margin-bottom: 0;
    }
    
    /************************************************************************************
    HEADER WIDGET
    *************************************************************************************/
    .header-widget {
    	position: absolute;
    	top: 20px;
    	right: 20px;
    	font-size: 95%;
    }
    .header-widget a {
    	text-decoration: none;
    	margin: 0 2px;
    }
    .header-widget img {
    	vertical-align: text-top;
    }
    .header-widget .widget {
    	float: left;
    	margin-right: 10px;
    	margin-bottom: 5px;
    }
    .header-widget .widget div {
    	float: left;
    }
    .header-widget .widget strong {
    	float: left;
    	margin-right: 5px;
    }
    .header-widget ul {
    	margin: 6px 0 0 !important;
    	padding: 0;
    	float: left;
    }
    .header-widget li {
    	margin: 0 8px 5px 0;
    	padding: 0;
    	float: left;
    	border: none;
    	clear: none;
    	line-height: 100%;
    }
    .header-widget  img {
    	vertical-align: middle;
    	margin-top: -4px;
    }
    /* rss button */
    .header-widget .rss {
    	float: left;
    }
    .header-widget .rss a {
    	background: url(images/rss.png) no-repeat left center;
    	padding: 5px 0 5px 30px;
    	display: inline-block;
    	zoom:1;
    	*display:inline;
    }
    
    /************************************************************************************
    SEARCH FORM
    *************************************************************************************/
    #header #searchform {
    	position: absolute;
    	bottom: 7px;
    	right: 0;
    	width: 120px;
    }
    #header #searchform #s {
    	font: italic 14px/100% "Times New Roman", Times, serif;
    	padding-left: 10px;
    	width: 120px;
    	float: right;
    	-webkit-transition: width .7s;
    	-moz-transition: width .7s;
    	transition: width .7s;
    }
    #header #searchform #s:focus {
    	width: 166px;
    	font-style: normal;
    }
    
    /************************************************************************************
    MAIN NAVIGATION
    *************************************************************************************/
    #main-nav {
    	margin: 0;
    	padding: 0;
    	position: absolute;
    	left: 0;
    	bottom: 10px;
    	z-index: 100;
    }
    #main-nav li {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	float: left;
    	position: relative;
    }
    /* main level link */
    #main-nav a {
    	color: #777;
    	display: block;
    	padding: 6px 0;
    	margin: 0 16px 0 5px;
    	text-decoration: none;
    	font: normal 12px/100% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	text-transform: uppercase;
    	text-shadow: 0 1px 1px rgba(0,0,0,.3);
    }
    /* main level link :hover */
    #main-nav a:hover {
    	color: #000;
    }
    /* current link */
    #main-nav .current_page_item a, #main-nav .current-menu-item a {
    	background: #999994;
    	color: #fff;
    	padding: 6px 15px;
    	-webkit-border-radius: 10em;
    	-moz-border-radius: 10em;
    	border-radius: 10em;
    	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.2);
    	-moz-box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.2);
    	box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.2);
    }
    /* current link :hover */
    #main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
    	color: #fff;
    }
    /* sub-levels link */
    #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a {
    	color: #666;
    	font: inherit;
    	font: normal 12px/100% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	letter-spacing: 0;
    	text-transform: none;
    	padding: 5px 0 5px 15px;
    	margin: 0;
    	width: 170px;
    	background: none;
    	border-top: none;
    	text-shadow: none;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    }
    /* sub-levels link :hover */
    #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover {
    	background: #e9e9e4;
    	color: #000;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
    }
    /* dropdown ul */
    #main-nav ul {
    	margin: 0;
    	padding: 5px 1px;
    	list-style: none;
    	position: absolute;
    	background: #fff;
    	border: solid 1px #999;
    	border-bottom-color: #666;
    	border-top-color: #ccc;
    	z-index: 100;
    	display: none;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    }
    #main-nav ul li {
    	background: none;
    	padding: 2px 0;
    	margin: 0;
    }
    /* sub-levels dropdown */
    #main-nav ul ul {
    	left: 180px;
    	top: 5px;
    }
    /* show dropdown ul */
    #main-nav li:hover > ul {
    	display: block;
    }
    
    /************************************************************************************
    SLIDER
    *************************************************************************************/
    #slider {
    	position: relative;
    	margin: 0;
    	padding: 0;
    }
    #slider .slides {
    	margin: 0;
    	padding: 0;
    }
    #slider .slides li {
    	background: none !important;
    	position: relative;
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	overflow: hidden;
    }
    
    /************************************************************************************
    GALLERY
    *************************************************************************************/
    /* clearfix for gallery */
    .gallery:after {
    	visibility: hidden;
    	display: block;
    	font-size: 0;
    	content: " ";
    	clear: both;
    	height: 0;
    }
    * html .gallery {
    	zoom: 1;
    } /* IE6 */
    *:first-child+html .gallery {
    	zoom: 1;
    } /* IE7 */
    
    #body .gallery {
    	margin: 30px 0 10px;
    }
    /* gallery item */
    #body .gallery dl {
    	margin: 0 10px 15px 10px;
    	display: inline-block;
    	vertical-align: top;
    	zoom:1;
    	*display:inline;
    	width: auto;
    	float: none;
    	text-align: center;
    }
    /* gallery caption */
    #body .gallery dd {
    	width: 140px;
    	line-height: 120%;
    	font-size: 90%;
    	text-align: center;
    	margin: 5px 0 0;
    }
    /* get rid of br tag */
    .gallery br {
    	display:none;
    }
    
    /************************************************************************************
    PAGE TITLE
    *************************************************************************************/
    .page-title {
    	font: bold 26px/120% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	margin: 0 0 15px;
    	padding: 0;
    }
    
    /************************************************************************************
    POST
    *************************************************************************************/
    .post-wrap {
    	background: #fff;
    	margin-bottom: 25px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
    	border-radius: 10px;
    	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    	box-shadow: 0 1px 3px rgba(0,0,0,.2);
    }
    .post {
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
    	border-radius: 10px;
    	padding: 15px 20px 5px;
    	position: relative;
    }
    /* post comments */
    .post-comments {
    	position: absolute;
    	right: -7px;
    	top: -8px;
    }
    #body .post-comments a {
    	background: url(images/post-comments.png) no-repeat;
    	width: 46px;
    	height: 34px;
    	display: block;
    	padding: 12px 0 0 1px;
    	text-align: center;
    	color: #666;
    	font-weight: bold;
    	font-size: 14px;
    	line-height: 100%;
    	letter-spacing: -.1em;
    	text-shadow: 0 1px 1px rgba(255,255,255,.7);
    }
    #body .post-comments a:hover {
    	color: #000;
    	text-decoration: none;
    }
    /* post title */
    .post-title {
    	margin: 0 0 5px;
    	padding: 0;
    	font: bold 140%/120% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	text-shadow: 0 1px 0 rgba(255,255,255,.6);
    }
    .post-title a {
    	text-decoration: none;
    }
    /* post meta */
    #body .post-meta {
    	font: italic 12px/130% "Times New Roman", Times, serif;
    	text-align: right;
    	clear: both;
    	margin: 20px 0 10px;
    }
    #body .post-meta a {
    }
    
    /************************************************************************************
    POST COLORS
    *************************************************************************************/
    /* white (default post-wrap) */
    .post-wrap.white, .post-wrap {
    	color: #666;
    	border-top: solid 1px #efefef;
    	border-bottom: solid 1px #ccc;
    	border-left: solid 1px #ddd;
    	border-right: solid 1px #ddd;
    	background: #fff;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
    	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
    	background: -moz-linear-gradient(top,  #ffffff,  #f2f2f2);
    	background: linear-gradient(-90deg, #ffffff, #f2f2f2);
    }
    .post-wrap.white .post-title a, .post-wrap .post-title a {
    	color: #444;
    }
    .post-wrap.white a, .post-wrap a {
    	color: #469af1;
    }
    
    /* yellow */
    .post-wrap.yellow {
    	color: #806e5e;
    	border-top: solid 1px #f7ed8a;
    	border-bottom: solid 1px #ded471;
    	border-left: solid 1px #eae07b;
    	border-right: solid 1px #eae07b;
    	background: #fcf39c;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbd1', endColorstr='#faef7f');
    	background: -webkit-gradient(linear, left top, left bottom, from(#fffbd1), to(#faef7f));
    	background: -moz-linear-gradient(top,  #fffbd1,  #faef7f);
    	background: linear-gradient(-90deg, #fffbd1, #faef7f);
    }
    .post-wrap.yellow .post-title a {
    	color: #8c6239;
    }
    .post-wrap.yellow a {
    	color: #db6212;
    }
    
    /* light-blue */
    .post-wrap.light-blue {
    	color: #566368;
    	border-top: solid 1px #c0e1f3;
    	border-bottom: solid 1px #a0c4d7;
    	border-left: solid 1px #b0d3e6;
    	border-right: solid 1px #b0d3e6;
    	background: #d2ecfa;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff4ff', endColorstr='#bde1f4');
    	background: -webkit-gradient(linear, left top, left bottom, from(#dff4ff), to(#bde1f4));
    	background: -moz-linear-gradient(top,  #dff4ff,  #bde1f4);
    	background: linear-gradient(-90deg, #dff4ff, #bde1f4);
    }
    .post-wrap.light-blue .post-title a {
    	color: #2b3032;
    }
    .post-wrap.light-blue a {
    	color: #f26522;
    }
    
    /* pink */
    .post-wrap.pink {
    	color: #64555c;
    	border-top: solid 1px #f9d4e4;
    	border-bottom: solid 1px #e7bcce;
    	border-left: solid 1px #f0c6d8;
    	border-right: solid 1px #f0c6d8;
    	background: #fee3ef;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe9f3', endColorstr='#f9cbdf');
    	background: -webkit-gradient(linear, left top, left bottom, from(#ffe9f3), to(#f9cbdf));
    	background: -moz-linear-gradient(top,  #ffe9f3,  #f9cbdf);
    	background: linear-gradient(-90deg, #ffe9f3, #f9cbdf);
    }
    .post-wrap.pink .post-title a {
    	color: #3a2c33;
    }
    .post-wrap.pink a {
    	color: #bc5b2c;
    }
    
    /* lavender */
    .post-wrap.lavender {
    	color: #7c6f82;
    	border-top: solid 1px #e4c6f1;
    	border-bottom: solid 1px #ceb3da;
    	border-left: solid 1px #d9bce5;
    	border-right: solid 1px #d9bce5;
    	background: #f1dcf9;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8e9fe', endColorstr='#e5c7f1');
    	background: -webkit-gradient(linear, left top, left bottom, from(#f8e9fe), to(#e5c7f1));
    	background: -moz-linear-gradient(top,  #f8e9fe,  #e5c7f1);
    	background: linear-gradient(-90deg, #f8e9fe, #e5c7f1);
    }
    .post-wrap.lavender .post-title a {
    	color: #45394a;
    }
    .post-wrap.lavender a {
    	color: #af6808;
    }
    
    /* teal */
    .post-wrap.teal {
    	color: #4b5c5b;
    	border-top: solid 1px #aeddda;
    	border-bottom: solid 1px #97c7c4;
    	border-left: solid 1px #a3d4d1;
    	border-right: solid 1px #a3d4d1;
    	background: #caefec;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4f5f2', endColorstr='#b1dfdc');
    	background: -webkit-gradient(linear, left top, left bottom, from(#d4f5f2), to(#b1dfdc));
    	background: -moz-linear-gradient(top,  #d4f5f2,  #b1dfdc);
    	background: linear-gradient(-90deg, #d4f5f2, #b1dfdc);
    }
    .post-wrap.teal .post-title a {
    	color: #3b4b4a;
    }
    .post-wrap.teal a {
    	color: #d47a0f;
    }
    
    /* orange */
    .post-wrap.orange {
    	color: #665440;
    	border-top: solid 1px #fdcd90;
    	border-bottom: solid 1px #e5b374;
    	border-left: solid 1px #f5c383;
    	border-right: solid 1px #f5c383;
    	background: #fedab2;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee5d1', endColorstr='#fecc8c');
    	background: -webkit-gradient(linear, left top, left bottom, from(#fee5d1), to(#fecc8c));
    	background: -moz-linear-gradient(top,  #fee5d1,  #fecc8c);
    	background: linear-gradient(-90deg, #fee5d1, #fecc8c);
    }
    .post-wrap.orange .post-title a {
    	color: #5c3f1e;
    }
    .post-wrap.orange a {
    	color: #855015;
    }
    
    /* lime */
    .post-wrap.lime {
    	color: #566146;
    	border-top: solid 1px #caef99;
    	border-bottom: solid 1px #b4d883;
    	border-left: solid 1px #bee38d;
    	border-right: solid 1px #bee38d;
    	background: #d8f4b1;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff8bd', endColorstr='#ceeea1');
    	background: -webkit-gradient(linear, left top, left bottom, from(#dff8bd), to(#ceeea1));
    	background: -moz-linear-gradient(top,  #dff8bd,  #ceeea1);
    	background: linear-gradient(-90deg, #dff8bd, #ceeea1);
    }
    .post-wrap.lime .post-title a {
    	color: #434d35;
    }
    .post-wrap.lime a {
    	color: #d47e19;
    }
    
    /* black */
    .post-wrap.black {
    	color: #ccc;
    	border-top: solid 1px #666;
    	border-bottom: solid 1px #000;
    	border-left: solid 1px #333;
    	border-right: solid 1px #333;
    	background: #111;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#000000');
    	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#000000));
    	background: -moz-linear-gradient(top,  #555555,  #000000);
    	background: linear-gradient(-90deg, #555555, #000000);
    }
    .post-wrap.black .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.8);
    }
    .post-wrap.black a {
    	color: #fff;
    }
    
    /* rose */
    .post-wrap.rose {
    	color: #fbe0e1;
    	border-top: solid 1px #ed4d53;
    	border-bottom: solid 1px #d63c41;
    	border-left: solid 1px #e2444a;
    	border-right: solid 1px #e2444a;
    	background: #fb6f74;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8488', endColorstr='#f8595f');
    	background: -webkit-gradient(linear, left top, left bottom, from(#fe8488), to(#f8595f));
    	background: -moz-linear-gradient(top,  #fe8488,  #f8595f);
    	background: linear-gradient(-90deg, #fe8488, #f8595f);
    }
    .post-wrap.rose .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }
    .post-wrap.rose a {
    	color: #fff799;
    }
    
    /* brown */
    .post-wrap.brown {
    	color: #fbe0e1;
    	border-top: solid 1px #643b1f;
    	border-bottom: solid 1px #4c2b15;
    	border-left: solid 1px #563118;
    	border-right: solid 1px #563118;
    	background: #7b5134;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a5f42', endColorstr='#6b4125');
    	background: -webkit-gradient(linear, left top, left bottom, from(#8a5f42), to(#6b4125));
    	background: -moz-linear-gradient(top,  #8a5f42,  #6b4125);
    	background: linear-gradient(-90deg, #8a5f42, #6b4125);
    }
    .post-wrap.brown .post-title a {
    	color: #fff799;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }
    .post-wrap.brown a {
    	color: #fcf7bb;
    }
    
    /* gray */
    .post-wrap.gray {
    	color: #eee;
    	border-top: solid 1px #979696;
    	border-bottom: solid 1px #7c7c7c;
    	border-left: solid 1px #898989;
    	border-right: solid 1px #898989;
    	background: #a4a4a4;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#929292');
    	background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#929292));
    	background: -moz-linear-gradient(top,  #b3b3b3,  #929292);
    	background: linear-gradient(-90deg, #b3b3b3, #929292);
    }
    .post-wrap.gray .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
    }
    .post-wrap.gray a {
    	color: #fff;
    }
    
    /* violet */
    .post-wrap.violet {
    	color: #e9dcf1;
    	border-top: solid 1px #71209e;
    	border-bottom: solid 1px #5e1686;
    	border-left: solid 1px #671a92;
    	border-right: solid 1px #671a92;
    	background: #873db2;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9658c0', endColorstr='#7a29a7');
    	background: -webkit-gradient(linear, left top, left bottom, from(#9658c0), to(#7a29a7));
    	background: -moz-linear-gradient(top,  #9658c0,  #7a29a7);
    	background: linear-gradient(-90deg, #9658c0, #7a29a7);
    }
    .post-wrap.violet .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
    }
    .post-wrap.violet a {
    	color: #fffbc5;
    }
    
    /* blue */
    .post-wrap.blue {
    	color: #d7e9fc;
    	border-top: solid 1px #4c99e8;
    	border-bottom: solid 1px #3d85cf;
    	border-left: solid 1px #448fdc;
    	border-right: solid 1px #448fdc;
    	background: #58a6f6;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb5fd', endColorstr='#4097ef');
    	background: -webkit-gradient(linear, left top, left bottom, from(#6eb5fd), to(#4097ef));
    	background: -moz-linear-gradient(top,  #6eb5fd,  #4097ef);
    	background: linear-gradient(-90deg, #6eb5fd, #4097ef);
    }
    .post-wrap.blue a {
    	color: #fff57c;
    }
    .post-wrap.blue .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }
    
    /* green */
    .post-wrap.green {
    	color: #e4f7ce;
    	border-top: solid 1px #60a315;
    	border-bottom: solid 1px #508d0c;
    	border-left: solid 1px #589811;
    	border-right: solid 1px #589811;
    	background: #73bd20;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bc824', endColorstr='#67ad1a');
    	background: -webkit-gradient(linear, left top, left bottom, from(#7bc824), to(#67ad1a));
    	background: -moz-linear-gradient(top,  #7bc824,  #67ad1a);
    	background: linear-gradient(-90deg, #7bc824, #67ad1a);
    }
    .post-wrap.green .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }
    .post-wrap.green a {
    	color: #fff;
    }
    
    /************************************************************************************
    POST FORMATS
    *************************************************************************************/
    /* standard post */
    .post.format-standard {
    	background: url(images/note-bg.png) -118px 14px;
    	padding-left: 75px;
    }
    .post.format-standard .post-icon {
    	background: url(images/pencil-icon.png) no-repeat;
    	width: 30px;
    	height: 30px;
    	position: absolute;
    	left: 22px;
    	top: 15px;
    }
    
    /* image post */
    .post-image.left {
    	margin-right: 20px;
    }
    .post-image.right {
    	margin-left: 20px;
    }
    
    /* quote post */
    .post.format-quote {
    	background: url(images/note-bg.png) -118px 17px;
    	padding-left: 75px;
    	padding-right: 30px;
    }
    .post.format-quote .post-content {
    	font: italic 18px/140% Garamond, "Times New Roman", Times, serif;
    }
    .post.format-quote .post-icon {
    	background: url(images/quote-icon.png) no-repeat;
    	width: 30px;
    	height: 30px;
    	position: absolute;
    	left: 22px;
    	top: 15px;
    }
    .post.format-quote .quote-author {
    	margin: 0 0 10px;
    	font-size: 80%;
    	font-style: normal;
    	font-variant: small-caps;
    	text-align: right;
    }
    
    /* video post */
    .post-video {
    	position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 30px;
    	height: 0;
    	overflow: hidden;
    	font-size:.9em;
    	margin-bottom: 15px;
    }
    .post-video iframe,
    .post-video object,
    .post-video embed {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }
    
    /* link post */
    .post.format-link {
    	padding-left: 60px;
    }
    .post.format-link .post-icon {
    	background: url(images/link-icon.png) no-repeat;
    	width: 27px;
    	height: 27px;
    	position: absolute;
    	left: 22px;
    	top: 15px;
    }
    
    /* audio post */
    .post.format-audio .audio-image img {
    	float: left;
    	margin: 0 20px 15px 0;
    	padding: 5px;
    	background: #fff;
    	border: solid 1px #ccc;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    }
    .post.format-audio .post-content {
    	overflow: hidden;
    }
    .post.format-audio .audio-player {
    	padding: 8px 0 10px;
    }
    .post audio {
    	width: 100%;
    }
    
    /* gallery post */
    .post.format-gallery {
    	padding: 17px 0 0;
    }
    .post.format-gallery .post-icon {
    	background: url(images/clip-icon.png) no-repeat;
    	width: 30px;
    	height: 61px;
    	position: absolute;
    	left: 10px;
    	top: -7px;
    }
    .post.format-gallery .post-content {
    	padding: 0 20px 10px;
    }
    .post.format-gallery .post-title {
    	padding: 8px 20px 8px 45px;
    	background: #ce413c url(images/gallery-title-bg.jpg);
    	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2), inset -1px 0 0 rgba(0,0,0,.2), inset 1px 0 0 rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.2);
    	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    	box-shadow: 0 1px 0 rgba(0,0,0,.2);
    	margin-left: -1px;
    	margin-right: -1px;
    }
    .post.format-gallery .post-title a {
    	color: #fff;
    	text-shadow: 0 1px 0 rgba(0,0,0,.2);
    }
    .post.format-gallery .post-meta {
    	padding-right: 20px;
    }
    
    /* status post */
    .post.format-status .status-author-avatar img {
    	float: left;
    	margin: 0 14px 15px 0;
    	padding: 3px;
    	background: #fff;
    	border: solid 1px #ccc;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    }
    .post.format-status .post-content {
    	margin-top: 10px;
    	overflow: hidden;
    	font-size: 120%;
    	line-height: 160%;
    }
    
    /************************************************************************************
    MASONRY
    *************************************************************************************/
    .masonry-container {
    	width: 948px;
    	margin-left: -30px;
    }
    .sidebar1 .masonry-container {
    	width: 660px;
    }
    
    /* masonry-col3
    ---------------------------------------------------------- */
    .grid3 .post-wrap {
    	width: 284px;
    	font-size: 90%;
    	margin-left: 30px;
    	float: left;
    }
    /* sidebar1 grid3 post wrap */
    .sidebar1 .grid3 .post-wrap {
    	width: 188px;
    }
    
    /* masonry-col3 text post */
    .grid3 .format-standard {
    	background: url(images/note-bg.png) -160px 14px;
    	padding-left: 30px;
    }
    .grid3 .format-standard .post-icon {
    	display: none;
    }
    
    /* masonry-col3 audio post */
    .grid3 .format-audio .post-content {
    	overflow: visible;
    	clear: both;
    }
    .grid3 .format-audio .audio-image img {
    	float: none;
    	margin: 0;
    }
    
    /* masonry-col3 gallery post */
    #body .grid3 .format-gallery .post-title {
    	padding-left: 40px;
    }
    #body .grid3 .format-gallery .gallery {
    	margin: 15px 0 0;
    }
    #body .grid3 .format-gallery .gallery dl {
    	margin: 0 5px 10px;
    }
    #body .grid3 .format-gallery .gallery img {
    	width: 40px;
    	height: 40px;
    }
    
    /* masonry-col3 quote post */
    .grid3 .format-quote {
    	background: url(images/note-bg.png) -190px 16px;
    	padding-left: 43px;
    }
    .grid3 .format-quote .post-icon {
    	background: url(images/quote-icon-small.png) no-repeat;
    	width: 20px;
    	height: 15px;
    	left: 15px;
    	top: 15px;
    }
    
    /* masonry-col3 link post */
    .grid3 .format-link {
    	padding-left: 45px;
    }
    .grid3 .format-link .post-icon {
    	background: url(images/link-icon-small.png) no-repeat;
    	width: 20px;
    	height: 20px;
    	position: absolute;
    	left: 15px;
    	top: 15px;
    }
    
    /* masonry-col2
    ------------------------------------------- */
    .grid2 .post-wrap {
    	width: 442px;
    	margin-left: 30px;
    	float: left;
    }
    /* sidebar1 grid2 post wrap */
    .sidebar1 .grid2 .post-wrap {
    	width: 298px;
    }
    
    /* masonry-col2 gallery post */
    #body .grid2 .format-gallery .gallery dl {
    	margin: 0 8px 10px;
    }
    
    /************************************************************************************
    PAGE NAVIGATION
    *************************************************************************************/
    .pagenav {
    	clear: both;
    	margin: 70px 5px 15px;
    	text-align: right;
    }
    .pagenav a, .pagenav .current {
    	color: #333;
    	text-decoration: none;
    	padding: 3px 8px;
    	margin: 0 2px;
    	vertical-align: middle;
    	display: inline-block;
    	zoom:1;
    	*display:inline;
    	-webkit-border-radius: 1em;
    	-moz-border-radius: 1em;
    	border-radius: 1em;
    	text-shadow: 0 1px 0 rgba(255,255,255,.7);
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    	box-shadow: 0 1px 2px rgba(0,0,0,.4);
    	background: #fff;
    	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    	background: -moz-linear-gradient(top,  #fff,  #ddd);
    	background: linear-gradient(-90deg, #fff, #ddd);
    }
    .pagenav a:hover {
    	text-decoration: none;
    	background: #ddd;
    }
    .pagenav .current, .pagenav .current:hover {
    	background: #333;
    	color: #fff;
    	text-shadow: 0 1px 0 rgba(0,0,0,.7);
    }
    
    /************************************************************************************
    POST NAVIGATION
    *************************************************************************************/
    .post-nav {
    	margin: 40px 0 0;
    	padding: 15px 0;
    	clear: both;
    }
    .post-nav span {
    	width: 45%;
    }
    .post-nav a {
    	text-decoration: none;
    	font-size: 120%;
    	font-weight: bold;
    }
    .post-nav a:hover {
    	text-decoration: none;
    }
    .post-nav .prev {
    	float: left;
    }
    .post-nav .prev a {
    	background: url(images/previous-arrow.png) no-repeat left 2px;
    	padding: 6px 0 6px 34px;
    	display: block;
    }
    .post-nav .next {
    	float: right;
    	text-align: right;
    }
    .post-nav .next a {
    	background: url(images/next-arrow.png) no-repeat right 2px;
    	padding: 6px 34px 6px 0;
    	display: block;
    }
    
    /************************************************************************************
    COMMENTS
    *************************************************************************************/
    .commentwrap {
    	margin: 40px 0 0;
    	padding: 10px 0 0;
    	position: relative;
    }
    .comment-title {
    	font-size: 140%;
    	margin: 0 0 10px;
    	padding: 0;
    }
    .next-prev-comment {
    	position: absolute;
    	top: 14px;
    	right: 0;
    }
    .next-prev-comment a {
    	text-decoration: none;
    	font-size: 85%;
    	text-transform: uppercase;
    	font-weight: bold;
    }
    .next-prev-comment .next {
    	margin: 0 0 0 20px;
    }
    /* commentlist */
    .commentlist {
    	margin: 10px 0;
    	padding: 15px 0 0;
    	list-style: none;
    }
    .commentlist li {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	position: relative;
    }
    /* comment page nav */
    .commentwrap .pagenav.top {
    	position: absolute;
    	top: -60px;
    	right: 0;
    }
    .commentwrap .pagenav.bottom {
    	margin-top: 10px;
    }
    .commentlist .comment-author {
    	margin: 2px 0 5px;
    	padding: 0;
    }
    .commentlist .avatar {
    	background: #fff;
    	border: solid 1px #ccc;
    	padding: 3px;
    	float: left;
    	margin: 0 15px 0 0;
    }
    .commentlist cite {
    	font: italic 18px/120% "Times New Roman", Times, serif;
    }
    .commentlist cite a {
    	text-decoration: none;
    }
    .commentlist .comment-time {
    	font-size: 75%;
    	text-transform: uppercase;
    }
    .commentlist .commententry {
    	position: relative;
    	min-height: 40px;
    	padding-bottom: 10px;
    	overflow: hidden;
    }
    .commentlist ul, .commentlist ol {
    	margin: 0 0 0 10%;
    	padding: 0;
    }
    .commentlist .reply {
    	position: absolute;
    	right: 0;
    	top: 8px;
    }
    .commentlist .comment-reply-link {
    	font-size: 11px;
    	text-transform: uppercase;
    	text-decoration: none;
    }
    .commentlist .comment-reply-link:hover {
    	text-decoration: none;
    }
    /* comment form */
    #respond {
    	margin: 0;
    	padding: 0 0 20px;
    	position: relative;
    	clear: both;
    }
    #respond #cancel-comment-reply-link {
    	position: absolute;
    	top: 18px;
    	right: 0;
    	font-size: 85%;
    	line-height: 100%;
    	text-decoration: none;
    	padding: 5px 10px;
    	color: #fff;
    	background: #F30;
    	-webkit-border-radius: 10em;
    	-moz-border-radius: 10em;
    	border-radius: 10em;
    }
    #respond #cancel-comment-reply-link:hover {
    	background: #333;
    }
    #commentform {
    	margin: 15px 0 0;
    }
    #commentform input[type=text] {
    	width: 206px;
    	margin-right: 5px;
    }
    #commentform label {
    	font-weight: bold;
    }
    #commentform label small {
    	font-weight: normal;
    }
    #commentform textarea {
    	width: 97%;
    	height: 140px;
    }
    #commentform input#submit {
    	padding: 7px 20px;
    }
    
    /************************************************************************************
    SIDEBAR
    *************************************************************************************/
    #sidebar {
    	width: 222px;
    	float: right;
    	font-size: 95%;
    }
    .widget {
    	margin: 0 0 40px;
    }
    .widgettitle {
    	font: bold 12px/120% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	text-transform: uppercase;
    	letter-spacing: .1em;
    	margin: 0 0 5px;
    	padding: 0 0 7px;
    }
    
    .widget ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    .widget li {
    	padding: 0 0 10px;
    	margin: 0;
    }
    .widget ul ul {
    	padding: 10px 0 0 18px;
    	margin: 0;
    	list-style: disc;
    }
    .widget ul ul li {
    	padding: 0 0 8px;
    	margin: 0;
    }
    
    /************************************************************************************
    WIDGET STYLES
    *************************************************************************************/
    /* calendar widget */
    .widget #wp-calendar caption {
    	font-weight: bold;
    	padding-bottom: 10px;
    }
    .widget #wp-calendar td {
    	width: 31px;
    	padding: 4px 2px;
    	text-align: center;
    }
    
    /* feature posts widget */
    .widget .feature-posts-list .post-img {
    	margin: 2px 12px 10px 0;
    	float: left;
    }
    .widget .feature-posts-list small {
    	font: italic 90% "Times New Roman", Times, serif;
    }
    .widget .feature-posts-list .feature-posts-title {
    	font-weight: bold;
    	margin: 3px 0 0;
    	display: inline-block;
    }
    
    /* twitter widget */
    .widget .twitter-list .twitter-timestamp {
    	font: italic 90% "Times New Roman", Times, serif;
    }
    .widget .follow-user {
    	margin: 0;
    	padding: 5px 0;
    }
    
    /* links widget */
    .widget .links-list img, .widget_links img {
    	vertical-align: middle;
    }
    
    /* recent comments widget */
    .recent-comments-list .avatar {
    	margin-right: 12px;
    	float: left;
    }
    
    /* flickr widget */
    .widget .flickr_badge_image {
    	margin-top: 10px;
    }
    .widget .flickr_badge_image img {
    	width: 50px;
    	height: 50px;
    	margin-right: 12px;
    	margin-bottom: 12px;
    	float: left;
    }
    
    /* search widget */
    #sidebar #searchform {
    	position: static;
    }
    #sidebar #searchform #s {
    	width: 93%;
    }
    
    /************************************************************************************
    FOOTER
    *************************************************************************************/
    #footer {
    	clear: both;
    	padding: 25px 0 60px;
    	font-size: 95%;
    }
    .footer-text {
    	clear: both;
    	font-size: 85%;
    }
    
    /************************************************************************************
    FOOTER NAV
    *************************************************************************************/
    #footer-nav {
    	margin: 0 0 5px;
    	padding: 0;
    	clear: both;
    }
    #footer-nav li {
    	margin: 0 10px 5px 0;
    	padding: 0;
    	list-style: none;
    	float: left;
    }
    #footer-nav a {
    	text-decoration: none;
    }
    #footer-nav a:hover {
    	text-decoration: underline;
    }
    
    /************************************************************************************
    CLEAR & ALIGNMENT
    *************************************************************************************/
    .clear {
    	clear: both;
    }
    .left {
    	float: left;
    }
    .right {
    	float: right;
    }
    .textleft {
    	text-align: left;
    }
    .textright {
    	text-align: right;
    }
    .textcenter {
    	text-align: center;
    }
    
    /* clearfix */
    .clearfix:after, .widget li:after, .menu:after, #main-nav:after, #footer-nav:after
    { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    .clearfix, .widget li, .menu, #main-nav, #footer-nav
    { display: inline-block; }
    /* clearfix for ie7 */
    .clearfix, .widget li, .menu, #main-nav, #footer-nav
    { display: block; zoom: 1; }
    
    /************************************************************************************
    WORDPRESS POST FORMATTING
    *************************************************************************************/
    img.alignleft, img.aligncenter, img.alignright, img.alignnone {
    	margin-bottom: 15px;
    }
    .alignleft {
    	float: left;
    	margin-right: 30px;
    }
    .alignright {
    	float: right;
    	margin-left: 30px;
    }
    .aligncenter {
    	text-align: center;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    .wp-caption {
    	text-align: center;
    	margin-bottom: 15px;
    	max-width: 100%;
    }
    .wp-caption-text {
    	font: italic 95%/120% Georgia, "Times New Roman", Times, serif;
    	margin: 6px 0;
    }
    
    /************************************************************************************
    IMAGE STYLES
    *************************************************************************************/
    img.alignleft, img.aligncenter, img.alignright, img.alignnone, .wp-caption img,
    .widget .feature-posts-list .post-img,
    .widget .flickr_badge_image img,
    .commentlist .avatar,
    .recent-comments-list .avatar,
    .gallery img,
    .attachment img
    {
    	padding: 3px !important;
    	background: #fff !important;
    	border: solid 1px #ccc !important;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    }
  2. Rajesh Soni
    Member
    Posted 1 year ago #

    What is the default font that is used to display on the frontend?
    Once you know the font name, try searching for that in ALL your theme files?

  3. sheldon365
    Member
    Posted 1 year ago #

    The Default Font is Times Roman but the font size and the font weight are not matching up to what is showing on the front end. Have a look at my css files and can you suggest where should I make the necessary changes

  4. Rajesh Soni
    Member
    Posted 1 year ago #

    So you've set "Times Roman", but what font is used on the front?

    Also is the site live? URL?

  5. sheldon365
    Member
    Posted 1 year ago #

    The website is http://www.andtheyquote.com I use Times New Roman as my font and font size 6 (24 pt) and Bold Font weight in all my post. I am adding another post to the website, the one without the bold and the 24 font size is the default font size currently for my website

  6. Rajesh Soni
    Member
    Posted 1 year ago #

    Please check this inline CSS rule: http://screencast.com/t/LXUSWwlbvWYu

    This rule appears in the HEAD section of your frontend (all pages)

  7. sheldon365
    Member
    Posted 1 year ago #

    That is for the Body font, which is the section on the right which has

    Categories

    Inspirational
    Life
    Love
    Motivation
    Movies
    Music
    Success
    Uncategorized

    If I change that to Times Roman, only that section changes while the post still have the same old font size.

    Will test it again and show you another post with changes to the Body Font section

  8. sheldon365
    Member
    Posted 1 year ago #

    Results of Test

    Only
    Categories

    Inspirational
    Life
    Love
    Motivation
    Movies
    Music
    Success
    Uncategorized

    Increased in size, whereas the post still remain the same
    Page Source now shows
    body {
    color: #416CB0;
    font-family: "Times New Roman",Times,serif;
    font-size: 24px;

  9. Rajesh Soni
    Member
    Posted 1 year ago #

    Stlye.css

    .post.format-quote .post-content {
    	font: italic 18px/140% Garamond, "Times New Roman", Times, serif;
    }

    Try customizing that to your requirement.

  10. sheldon365
    Member
    Posted 1 year ago #

    Rajesh Soni your a genius. Thank you so much. I have been struggling to get this fixed from the last 20 days.. I have one more small request. I am not able to add tags to my posts in the add new post section.

    When I click on Choose from the most used tags, it the page just jumps to the top of the page but does not show me any tags in the list even though I have more than 45 tags, when I type a few tags and press add, they don't get added and just remain as it is. If i click on publish, none of the tags will show up in the all post section. To fix this I have to submit a post and then manually go and edit and add the tags in the all posts section. The tags show up in the tags section under post too after that and the most used tags also show up in that section, but I am not able to add them in the add new post section. Any solution to this problem?

  11. Rajesh Soni
    Member
    Posted 1 year ago #

    You're welcome, glad I could be of help.

    To answer your other question; Are you getting any JS errors on the "Add new Post" url?

    If you do, try disabling ALL plugins and then re-test.

    If it works when all plugins are disabled, you can enable each plugin one-by-one and find the cause of this issue.

    Good luck!

  12. sheldon365
    Member
    Posted 1 year ago #

    I unfortunately am not getting any errors in the Add new Post section, when I click on Choose from the most used tags, the page just jumps to the top of the page but does not show me any tags in the list

    I tried disabling all the plugins and starting them again too, but that did not help. As the tags section in the add new posts come by default with wordpress there is no special plugin that i can try disabling or have a look into. Any thing that I can look at to fix this issue?

  13. Rajesh Soni
    Member
    Posted 1 year ago #

    Again, to be clear, I am referring to JavaScript errors that can only be seen on a debugging console of your browser ("Developer tools" in Chrome, "FireBug" in FireFox, etc.).

    JS errors either on page load, or when you try to add tags.

    Also I am assuming you havent hacked any of the WP core files.

  14. sheldon365
    Member
    Posted 1 year ago #

    These are the errors that i found

    TypeError: c.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/tinymce/plugins/wpdialogs/js/wpdialog.min.js?ver=3.5.1
    Line 1
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.menu.min.js?ver=1.9.2
    Line 5
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.autocomplete.min.js?ver=1.9.2
    Line 5
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.resizable.min.js?ver=1.9.2
    Line 5
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.draggable.min.js?ver=1.9.2
    Line 5
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.button.min.js?ver=1.9.2
    Line 5
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.dialog.min.js?ver=1.9.2
    Line 5
    
    TypeError: a.ui.dialog is undefined
    http://www.andtheyquote.com/wp-includes/js/tinymce/plugins/wpdialogs/js/wpdialog.min.js?ver=3.5.1
    Line 1
    
    TypeError: c.on is not a function
    http://www.andtheyquote.com/wp-admin/js/common.min.js?ver=3.5.1
    Line 1
  15. sheldon365
    Member
    Posted 1 year ago #

    I have not made any changes to WordPress as of now, infact I just reinstalled wordpress to make sure everything is alright

  16. Rajesh Soni
    Member
    Posted 1 year ago #

    Just as I was expecting.

    Can you try refreshing all your wordpress files (including wp-includes)? Just make sure to exclude the wp-content folder along with it's sub-folders

  17. sheldon365
    Member
    Posted 1 year ago #

    Refreshing in the sense, reinstalling/ replacing through dashboard or through ftp?

  18. Rajesh Soni
    Member
    Posted 1 year ago #

    Is this file part of core wordpress http://www.andtheyquote.com/wp-includes/js/tinymce/plugins/wpdialogs/js/wpdialog.min.js ?

    Never mind, I figured it was.

  19. Rajesh Soni
    Member
    Posted 1 year ago #

    Re-uploading everything through FTP.

  20. sheldon365
    Member
    Posted 1 year ago #

  21. Rajesh Soni
    Member
    Posted 1 year ago #

    Have you tried disabling this plugin (or all plugins)?

  22. sheldon365
    Member
    Posted 1 year ago #

    Tried that, disabled all the plugins as well as TinyMCE advanced only, still gives me the same problem

  23. Rajesh Soni
    Member
    Posted 1 year ago #

    Ok now try re-uploading entire WordPress setup (excluding wp-content)?

  24. sheldon365
    Member
    Posted 1 year ago #

    Uploading files... Will I loose any data or settings in the process?

  25. sheldon365
    Member
    Posted 1 year ago #

    Completed uploading the files, still not working :-(

  26. sheldon365
    Member
    Posted 1 year ago #

    Errors are

    TypeError: c.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/tinymce/plugins/wpdialogs/js/wpdialog.min.js?ver=3.5.1
    Line 1
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.menu.min.js?ver=1.9.2
    Line 5
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.autocomplete.min.js?ver=1.9.2
    Line 5
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.resizable.min.js?ver=1.9.2
    Line 5
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.draggable.min.js?ver=1.9.2
    Line 5
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.button.min.js?ver=1.9.2
    Line 5
    
    TypeError: e.widget is not a function
    http://www.andtheyquote.com/wp-includes/js/jquery/ui/jquery.ui.dialog.min.js?ver=1.9.2
    Line 5
    
    TypeError: a.ui.dialog is undefined
    http://www.andtheyquote.com/wp-includes/js/tinymce/plugins/wpdialogs/js/wpdialog.min.js?ver=3.5.1
    Line 1
    
    TypeError: c.on is not a function
    http://www.andtheyquote.com/wp-admin/js/common.min.js?ver=3.5.1
    Line 1

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.