• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 464
  • Last Modified:

Shorten post button button width and comment container width

The post button and comment container are both wider than desired here  http://www.frugalmule.com/response-to-the-emails-concerning-my-dog/.  Can someone tell me what code to change and explicitly how?
0
rtod2
Asked:
rtod2
  • 17
  • 9
  • 2
1 Solution
 
LZ1Commented:
For both of these, you need to edit the CSS. Do you know how to do that?
0
 
rtod2Author Commented:
No, I don't
0
 
LZ1Commented:
In your WP admin area, on the left hand side go to Appearance>Editor.

This should hopefully bring up your CSS file.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
rtod2Author Commented:
Yes, OK.  It says style.css and the first part of that file which is basically an introduction to the theme I am using, suggests that changes to the CSS should not be made directly.  If not directly where?
/*
Theme Name: Weaver
Theme URI: http://wpweaver.info
Description: The Easiest Way to Customize Your Theme! Weaver 2.2 puts you in control. Start with one of over 20 attractive predefined themes, then make it your own. Use the simple "check-box" interface to easily change colors, fonts, header and footer, menus, sidebars, theme width, and much more. Then, take control of your content using powerful Per Page and Per Post options, including unlimited custom widget areas. Over 15 page templates, including "Page with Posts" to show posts and content where and how you want. Easy for the newcomer, comprehensive for the expert. Context sensitive help; translations available for nearly every language; IE support; WP Multisite features; PageNavi plugin supported; active support forum.
Author: Bruce Wampler
Version: 2.2.6
License: GNU General Public License (GPL), v2 (or newer)
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: custom-header, custom-colors, custom-background, custom-menu, theme-options, left-sidebar, right-sidebar, fixed-width, three-columns, two-columns, black, blue, brown, green, orange, red, tan, dark, white, light, translation-ready, rtl-language-support, editor-style

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ATTENTION !!!!!!!!!!!!!!!!!!!!!!!!!!! -->

Open in new window

0
 
rtod2Author Commented:
Here is all the code for style.css.  What do I change and how?
/*
Theme Name: Weaver
Theme URI: http://wpweaver.info
Description: The Easiest Way to Customize Your Theme! Weaver 2.2 puts you in control. Start with one of over 20 attractive predefined themes, then make it your own. Use the simple "check-box" interface to easily change colors, fonts, header and footer, menus, sidebars, theme width, and much more. Then, take control of your content using powerful Per Page and Per Post options, including unlimited custom widget areas. Over 15 page templates, including "Page with Posts" to show posts and content where and how you want. Easy for the newcomer, comprehensive for the expert. Context sensitive help; translations available for nearly every language; IE support; WP Multisite features; PageNavi plugin supported; active support forum.
Author: Bruce Wampler
Version: 2.2.6
License: GNU General Public License (GPL), v2 (or newer)
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: custom-header, custom-colors, custom-background, custom-menu, theme-options, left-sidebar, right-sidebar, fixed-width, three-columns, two-columns, black, blue, brown, green, orange, red, tan, dark, white, light, translation-ready, rtl-language-support, editor-style

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ATTENTION !!!!!!!!!!!!!!!!!!!!!!!!!!!

DO NOT EDIT THIS FILE! The Weaver Theme has been designed so that editing style.css is no longer required!
If you need to make changes to the styles rules, add override CSS rules to the <HEAD> Section in the
Advanced Options tab of the Weaver admin panel.

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}

a img {
	border: none;
}

/* =Weaver helpers
-------------------------------------------------------------- */

.aligncenter {		/* required for theme submission to WP */
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.ttw-center {		/* generic utility center class - use in Heading Insert Code area maybe */
	clear: both;
	display:block !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

.wvr-show-posts {
	overflow: hidden;
}
.wvr-show-posts .hentry {
	margin-bottom: 24px;
}
.widget-area .wvr-show-posts .hentry {
	margin-bottom: 0px;
}
.widget-area .wvr-show-posts .entry-title {
	font-size:115%;font-weight:bold;margin-bottom:0px;
}
.widget-area .wvr-show-posts .attachment-thumbnail {
    float: left;
    margin-right: 2px;
    margin-bottom: 0px;
    padding: 2px;
}

#masthead {position:relative !important;z-index:5;}	/* makes IE7 work right, doesn't hurt others */
#branding {z-index:5;}

#header .meteor-slides {clear:both;}
.wp-pagenavi { padding-top:3px; padding-bottom:8px; }

/* =superfish helpers
-------------------------------------------------------------- */

.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:	1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:	absolute;
	display:	block;
        right:		10px;
	top:		1.05em; /* IE6 only */
        margin-top:	5px;
	width:		10px;
	height:		10px;
	text-indent: 	-999em;
	overflow:	hidden;
	background:	url(js/superfish/images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:		.7em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(js/superfish/images/shadow.png) no-repeat bottom right;
	padding: 0 3px 3px 0;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	display:none;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
.sf-menu a {
	padding: 5px 8px;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	margin: 0 -240px 4px 0;
	width: 100%;
}
#content {	/* IMPORTANT! need this to make the content bg color work right */
	padding-left: 45px; padding-right: 15px;  margin: 0 280px 0 -20px; width: 670px;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 220px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/
#container.one-column {
	float: left;
	margin: 0;
	width: 100%;
}
.one-column #content {
	clear:both;
	margin: 0 auto;
	width: 846px;
}
.one-column #content img {
	max-width: 820px;
}

.one-column #content .page {
	padding-right:40px;
}
.one-column #content .post {
	padding-right:40px;
}
.one-column #ttw-top-widget, .one-column #ttw-bot-widget, .one-column #ttw-site-top-widget,
 .one-column #ttw-site-bot-widget, .one-column #per-page-widget {margin:0 auto !important; width: 820px !important;}


/* one column iframe */

#container.one-column-iframe {
	width:100%;
}
#container.one-column-iframe #content .entry-content {
	padding:12px 0px 0px 0px;width:100%
}
#container.one-column-iframe #content {
	margin:0px;padding:0px;width:100%;
}
#container.one-column-iframe #content #comments {
	padding:0px 20px 5px 20px;margin-top:-35px;
}
#container.one-column-iframe #content img {max-width:100%;}
/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Georgia, "Bitstream Charter", serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#access2 .menu,
#access2 div.menu ul,
#access3 .menu,
#access3 div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
#access2 .menu-header,
#access3 .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 940px;
}
#wrapper {
	background: #fff;
	margin-top: 20px;
	padding: 0 20px;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-left: 4px;
	width: 215px;
	padding-right:5px;

}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background: #f1f1f1;
}
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 1.5em;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
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 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
a:link {
	color: #0066cc;
}
a:visited {
	color: #743399;
}
a:active,
a:hover {
	color: #ff4b33;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Header
-------------------------------------------------------------- */

#header {
	padding: 30px 0 0 0;
}
#site-title {
	float: left;
	font-size: 300%;
	line-height: 36px;
	margin: 0 0 18px 0;
	width: 700px;
}
#site-title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#site-description {
	clear: right;
	float: right;
	font-style: italic;
	margin: 14px 0 18px 0;
	width: 220px;
}

/* This is the custom header image */
#branding {
	margin-top: -10px;
}		/* ability to hide things required this one */
#branding img {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 0;
	}

/* =Menu
-------------------------------------------------------------- */
.menu-add-left {
	float:left;
	display:inline;
	padding-left:4px;
	overflow:hidden;
	max-height: 38px;
}
.menu-add {
	float:right;
	display:inline !important;
	padding-right:4px;
	overflow:hidden;
	max-height: 38px;
}

.menu-add-left form,
.menu-add-left form div,
.menu-add-left a,
.menu-add form,
.menu-add form div,
.menu-add a {
	display:inline !important;
}

.menu-add img {
	position:relative;
	top:7px;
	max-height:24px !important;
	border:none;margin:0;
	padding-left:4px;
}
.menu-add-left img {
	position:relative;
	top:7px; max-height:24px !important;
	border:none;margin:0;
	padding-right:4px;
}

#nav-top-menu {			/* needed for IE 7 */
	position:relative;
	z-index:60;
}
#nav-bottom-menu {
	position:relative;
	z-index: 59;
}
#access,
#access2,
#access3 {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}

#access .menu-header,
#access2 .menu-header,
#access3 .menu-header,
div.menu {
	font-size: 108%;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
#access2 .menu-header ul,
#access3 .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
#access2 .menu-header li,
#access3 .menu-header li,
div.menu li {
	float: left;
	position: relative;
}

#access a,
#access2 a,
#access3 a {
	color: #aaa;
	display: block;
	line-height: 38px;
	padding-bottom: 0;
	padding-top: 0;			/* have to add in left/right if NOT sf-menu in generatecss */
	text-decoration: none;
}

#access ul ul,
#access2 ul ul,
#access3 ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	padding-left:0px;
	float: left;
	width: 180px;
	z-index: 99999;
}

#access ul ul li,
#access2 ul ul li,
#access3 ul ul li {
	min-width: 180px;
}

#access ul ul ul,
#access2 ul ul ul,
#access3 ul ul ul {
	left: 100%;
	top: 0;
}

#access ul ul a,
#access2 ul ul a,
#access3 ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}

#access li:hover > a,
#access ul ul :hover > a,
#access2 li:hover > a,
#access2 ul ul :hover > a,
#access3 li:hover > a,
#access3 ul ul :hover > a{
	background: #333;
	color: #fff;
}

#access ul li:hover > ul,
#access2 ul li:hover > ul,
#access3 ul li:hover > ul {
	display: block;
}


#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a,
#access2 ul li.current_page_item > a,
#access2 ul li.current-menu-ancestor > a,
#access2 ul li.current-menu-item > a,
#access2 ul li.current-menu-parent > a,
#access3 ul li.current_page_item > a,
#access3 ul li.current-menu-ancestor > a,
#access3 ul li.current-menu-item > a,
#access3 ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover,
* html #access2 ul li.current_page_item a,
* html #access2 ul li.current-menu-ancestor a,
* html #access2 ul li.current-menu-item a,
* html #access2 ul li.current-menu-parent a,
* html #access2 ul li a:hover,
* html #access3 ul li.current_page_item a,
* html #access3 ul li.current-menu-ancestor a,
* html #access3 ul li.current-menu-item a,
* html #access3 ul li.current-menu-parent a,
* html #access3 ul li a:hover {
	color: #fff;
}

/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
}
#content {
	margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
	color: #333;
	font-size: 133%;
	line-height: 1.5em;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 1.1em;
	line-height: 1.5em;
}
#content code {
	font-size: 1.1em;
}
#content dt,
#content th {
	color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}


.hentry {
	margin: 0 0 40px 0;
}
.home .sticky,
#container.page-with-posts .sticky {
	background-color: #888;
	border-top: 2px dotted #444;
	border-bottom: 2px dotted #444;
	margin-right:4px; margin-left:1px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	color: #000;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}

.entry-format {
	color: #888!important;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	display:inline;
	padding-left:0.2em;
}

.entry-meta {
	color: #888;
	font-size: 85%;
	line-height: 1.5em;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 90%;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 75%;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
	clear:both;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #a8a8a8;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link
{
	clear: both;
}

#content .attachment-thumbnail {
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
    padding: 3px;
}

#content .attachment-thumbnail-single {
    float: left;
    margin-right: 25px;
    margin-bottom: 12px;
    padding: 3px;
}

#entry-author-info {
	background-color: #888;
	border-top: 2px dotted #444;
	border-bottom: 2px dotted #444;
	margin: 0 4px 5px 1px;
	padding: 18px 20px;
	clear: both;
	overflow: hidden;
	font-size: 90%;
}

#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #888;
	float: left;
	height: 60px;
	margin: 0 -100px 0 0;
	padding: 3px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 85%;
	line-height: 1.5em;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}

#wvr-sitemap h3 {
	line-height: 2em;
	margin: 0 0 10px 0;
	font-size:130%;
	font-weight:bold;
}

/* =Status
-------------------------------------------------------------- */
#content .entry-content img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 4px 0 ;
	padding: 0;
}

/* =Asides
-------------------------------------------------------------- */

.home #content .category-asides p {
	font-size: 110%;
	line-height: 1.5em;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.category-asides {
	padding: 0;
}
.home #content .category-asides .entry-content {
	padding-top: 0;
}


/* =Gallery listing (don't think this is used)
-------------------------------------------------------------- */

.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}

.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next .nav-previous a:before {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */
#content img {
	margin: 0;
	height: auto;
	max-width: 640px;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}

#content .wp-caption p.wp-caption-text {
	background-color:#F1F1F1;
	color:#333;
	margin-top:-20px;
	margin-right:-2px;
	margin-bottom:0px;
	font-size: 85%;
	padding:8px;
	text-align:center;
	font-style:italic;
}
#content .wp-caption .size-full,
#content .wp-caption .size-large,
#content .wp-caption .size-medium,
#content .wp-caption .size-thumbnail {
	background-color:#F1F1F1;
}
#content .size-full,
#content .size-large,
#content .size-medium,
#content .size-thumbnail {
	background-color: transparent;
	line-height: 18px;
	margin-bottom: 10px;
	padding: 6px;
	text-align: center;
}
#content .wp-smiley {
	margin: 0;
}

/* gallery shortcode auto generates: .gallery-item, img, .gallery-caption  */
#content .gallery .gallery-caption {
	color: #333; font-style:italic;
	font-size: 85%;
	text-align:left !important;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery dd {clear: both;}	/* captions on the bottom! */

#content .attachment .entry-content img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 90%;
	line-height: 18px;
	overflow: hidden;
	font-weight: bold;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: 4px 0 0 0;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 175%;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 90%;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 90%;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 90%;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 1.1em;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 90%;
	font-weight: normal;
	line-height: 1.5em;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 90%;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 85%;
	line-height: 1.5em;
}
#respond .form-allowed-tags code {
	font-size: 80%;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 120%;
	width: auto;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
	margin-bottom: 10px;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0px 0 18px 0;
}
.widget-area {padding-right:0px;}

.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 85%;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: inherit;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 2px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 90%;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: inherit;
}
#wp-calendar tbody td {
	background: rgba(0, 0, 0, .06);
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
#wp-calendar a {
	font-weight:bold;
	font-style:italic;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}
.widget_rss ul a.rsswidget {font-size:110%;display:block;margin-left:-15px !important;}
.widget_rss ul {list-style-type:none !important;}
.widget_rss ul .rss-date {font-style:italic;margin-left:8px !important;}
.widget_rss ul cite {margin-left:20px !important;}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 10px 0px 0;	/* changed from 20 to 10 */
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}

/* Footer widget areas */
#footer-widget-area {
}

/* Weaver widget areas and templates */
#ttw-top-widget,
#ttw-bot-widget,
#ttw-site-top-widget,
#ttw-site-bot-widget,
#per-page-widget {	/* default styling for our top/bottom widget areas */
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 0px;
	overflow: hidden;
	width: 600px;
}

#ttw-top-widget,
#ttw-site-top-widget,
#per-page-widget {
	margin-bottom: 10px;
}
.one-column #ttw-top-widget,
.one-column #ttw-bot-widget,
.one-column #ttw-site-top-widget,
.one-column #ttw-site-bot-widget,
.one-column #per-page-widget {
	margin-left:60px !important;
	margin-right:auto !important;
	width: 800px !important;
	margin-bottom: 10px!important;
}
.one-column-iframe #ttw-top-widget,
.one-column-iframe #ttw-bot-widget,
.one-column-iframe #ttw-site-top-widget,
.one-column-iframe #ttw-site-bot-widget,
.one-column-iframe #per-page-widget {
	margin-left:60px !important;
	margin-right:auto !important;
	width: 800px !important;
}

#ttw-head-widget {
	height:36px;
	margin-bottom:10px;
	text-align: right;
	padding:2px;
	display:inline;
}
#ttw-head-widget .textwidget {
	display:inline;
	margin-left: 10px;
}

/* Right Alt template */
.right-alt #container {
	float: left;
	margin: 0 0px 4px 0;
	width: 700px;
}	/* width-200-40 700px? */
.right-alt #content {
	float: left;
	margin:0 0px 10px 0px;
	overflow:hidden;
	padding: 5px 0px 0px 20px;
	width: 670px;
	}
.right-alt #content img {
	max-width: 660px;
}

#altright {
	float: right;
	overflow: hidden;
	width: 220px;
	margin: 0 0 4px 0;
}


/* Left alt template */
.left-alt #container {
	float: right;
	margin: 0 -240px 4px 0;
	width: 100%;
	}
.left-alt #content {
	margin: 0px 240px 4px 0px;
	width: 658px;
	padding: 10px 15px 5px 25px;
	}
.left-alt #content img {
	max-width: 650px;
}

#altleft {
	float: left;
	width: 220px;
	padding-left: 15px;
	margin-bottom:4px;
	overflow:hidden;
}

/* multiple columns */
div.multi-content-col-left {
	float: left;
	width: 47%;
	padding-right: 3%;
}
div.multi-content-col-right {
	float: left;
	width: 47%;
}
div.clear-cols {
	clear: both;
}


/* =Footer
-------------------------------------------------------------- */
#ttw_ftable {
	border:0;
	width:98%;
	margin:0;
	padding:0;
	}
#ttw_ftdl {
	text-align:left;
	}
#ttw_ftdr {
	text-align:right;
	}

#footer {
	margin-bottom: 5px;
	margin-top:2px;
}
#colophon {
	border-top: 4px solid #000000;
	margin-top: -4px;
	padding: 10px 0;
	overflow: hidden;
}

#site-info {
	float: left;
	width: 100%;
	font-weight: normal;
	font-size: inherit;
        margin-left:10px;
	padding-top: 4px;
}
#site-info a {
	color: #888888;
	text-decoration: none;
}

#site-generator {
	position: relative;
	font-style: italic;
	float: right;
	width: 100%;
}
#site-generator a {
	color: #888888;
	display:inline-block;
	text-decoration: none;
	background: url(images/wordpress.png) center left no-repeat;
	padding-left: 19px;
	line-height: 16px;
	margin-left: 1px;
}
#site-generator a:hover {
	text-decoration: underline;
}
img#wpstats {
	display:block;
	margin: 0 auto 10px;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
#access2,
#access3,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
		box-shadow: 0 0 3px 3px transparent !important; -webkit-box-shadow: 0 0 3px 3px transparent !important; -moz-box-shadow: 0 0 3px 3px transparent !important;
		border:none !important;
		background: none !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 28pt;
		background: none !important;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		position: relative !important;
		float: none;
		line-height: 1.5em;
		margin: 0 !important;
		padding: 0 !important;
	}
	#site-title {
		font-size: 18pt;
	}

	.post {border:none !important;}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}

	#access,
	#access2,
	#access3,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
		margin: 0 !important;
		padding:0 !important;
	}
	#container,
	#header,
	#footer {
		float: none !important;
		margin: 0;
		width: 100%;
		background: none !important;
	}
	#content,
	.one-column #content {
		clear:both !important;
		margin: 24pt 0 0 0 !important;
		padding: 0 !important;
		width: 100% !important;
		border:none !important;
		background: none !important;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
		background: none !important;
	}
	.home .sticky {
		border: none;
	}
}

Open in new window

0
 
Jason C. LevineNo oneCommented:
So this gets a little theme and plugin dependent

You don't want to edit this file per this instruction:

DO NOT EDIT THIS FILE! The Weaver Theme has been designed so that editing style.css is no longer required!
If you need to make changes to the styles rules, add override CSS rules to the <HEAD> Section in the
Advanced Options tab of the Weaver admin panel.


So you need to navigate to the Weaver admin panel.  It's either on the top level or in the Appearance tab and when there, override the CSS rules through Advanced Options and add the following rule where specified:

#respond input {
    margin: 0 0 9px;
    width: 200px;   <---- or whatever
}

That will take care of the button.  The comment writing area is a different issue since you have decided to use the CK Editor plugin.  That CSS file is located:

http://www.frugalmule.com/wp-content/plugins/ckeditor-for-wordpress/ckeditor/skins/kama/editor.css

and you would looking to change line 151 so that the declaration looks like:

#content table {
    border: 2px solid #AAAAAA;
    margin: auto auto 5px;
    text-align: left;
    width: 100%;
}
0
 
rtod2Author Commented:
Jason, Thank you!!

With regard to the first code of code, you said to add the code below and the screenshot here shows the area http://screencast.com/t/of2AvmpTeh
#respond input {
    margin: 0 0 9px;
    width: 200px;   <---- or whatever
}

Open in new window

.  The only instruction given is "between the style tags" which already have something in them.

With regard to the second bit of code, I am trying to apply that now
#content table {
    border: 2px solid #AAAAAA;
    margin: auto auto 5px;
    text-align: left;
    width: 100%;
}

Open in new window


How can I ensure my ability to get back if I mess something up?
0
 
Jason C. LevineNo oneCommented:
>> How can I ensure my ability to get back if I mess something up?

Make a copy of any file before editing it.

>> between the style tags

Right.  Add the code I gave you above in between the style tags visible there.

#respond input {
    margin: 0 0 9px;
    width: 200px;  
}
0
 
rtod2Author Commented:
Jason,
Thank you!  The button looks right now, though it would be nice to move it down and comment the section of code.  In terms of the comment area, how to I edit line 151 of editor.css from within the back-end of Wordpress?
#content table {
    border: 2px solid #AAAAAA;
    margin: auto auto 5px;
    text-align: left;
    width: 100%;
}

Open in new window


Working Code For Button below
#respond input {
    margin: 0 0 9px;
    width: 200px;  
}

Open in new window

It would be nice to add a comment for that section of code and add a <break/> which doesn't seem to have desirable results.

I sent you a "hire me" email.
0
 
Jason C. LevineNo oneCommented:
>> In terms of the comment area, how to I edit line 151 of editor.css from within the back-end of Wordpress?

You would have to go to the Plugins section, choose Editor and the select the plugin in question.  It should allow you to choose the file to edit.  However, I would just use FTP to grab the file if at all possible.
0
 
rtod2Author Commented:
Jason,
Thank you again.  I don't see the file you are speaking of http://screencast.com/t/lD6HkCuekV .  I can't connect via FTP right now because I don't have those login details here so I am pretty much stuck with the back-end.  However, I was able to implement one of the code changes you recommended.
0
 
Jason C. LevineNo oneCommented:
I was afraid of that.  The CK Editor has its own skins and the stuff you need to edit is in one of those files.  It's not going to be able to be reached unless you have FTP access.
0
 
rtod2Author Commented:
Jason, you said "one" of those files?  Which file and what stuff explicitly?
0
 
Jason C. LevineNo oneCommented:
I gave you the full path in my original response:

http://www.frugalmule.com/wp-content/plugins/ckeditor-for-wordpress/ckeditor/skins/kama/editor.css

You need to edit down into the skins folder and the WordPress editor doesn't allow you to traverse down that far
0
 
rtod2Author Commented:
Ok so to traverse down to
http://www.frugalmule.com/wp-content/plugins/ckeditor-for-wordpress/ckeditor/skins/kama/editor.css and add the code
#content table {
    border: 2px solid #AAAAAA;
    margin: auto auto 5px;
    text-align: left;
    width: 100%;
}

Open in new window

, perhaps a plug-in can get me there?  I'm still not 100% certain that we are talking about the same thing.  I'm not talking about the editor itself but rather the brown container that extends out to the side beyond the editor itself as shown in this screenshot http://screencast.com/t/Tj3pZqs6w3y of this page http://www.frugalmule.com/response-to-the-emails-concerning-my-dog/
0
 
rtod2Author Commented:
I gained access to the Cpanel which is even better because they provide a file manager.

However, the file shown here doesn't appear to have an obvious place carved out for that code
Please advise if possible.  http://screencast.com/t/PZJ2EJnYn

0
 
Jason C. LevineNo oneCommented:
We are talking about the same thing.  The code appears on line 151 of the editor.css file. Replace the entire block with my version.
0
 
rtod2Author Commented:
I dont think that more than 10  lines exist? Sent from phone.
0
 
rtod2Author Commented:
Jason,
Thank you.  There are 13 lines no matter how you slice it as shown in this video http://screencast.com/t/HaFYjRDs7MCS.  What am I doing wrong.
0
 
Jason C. LevineNo oneCommented:
I can only go by what my tools tell me.  It may be that the CSS is a combination of output from a script and static files.  If it is being generated by a script, then it's somewhere in the PHP files or JavaScript files associated with the plugin and we are now looking at a weird interaction between the built-in CSS of both your theme and plugin.  Troubleshooting over the board gets hard to do.  
0
 
rtod2Author Commented:
Thanks for trying.  Perhaps EE can get some additional experts to chime in.
0
 
Jason C. LevineNo oneCommented:
Feel free to RA and try, but this coming down to your choices of theme and plugin and it's not a lack of expertise that stopping this...
0
 
rtod2Author Commented:
I've provided video of what I see and done all I can too "over the board".  I still want to try to solve this in that way as the amount you requested when I pressed the hire me button is not even close to my budget for this minor tweak.
0
 
Jason C. LevineNo oneCommented:
The EE answer is as I gave it.  Using firebug to isolate the CSS on that element and increasing the width to 100% fixes the issue.  The problem is locating exactly where that CSS element is set by the plugin and the CK editor is a complicated animal.  You could download the entire folder and use a text editor like Notepad++ to search for the string and edit that way.

But if you want me to get on a remote connection and assume responsibilty for the problem, then the price is as I quoted it.
0
 
rtod2Author Commented:
Asking at odesk.  Thank you!
0
 
rtod2Author Commented:
I've requested that this question be closed as follows:

Accepted answer: 0 points for rtod2's comment http:/Q_27417034.html#37034512

for the following reason:

Nice answer on the first piece of code. &nbsp;The second didn't work and so I will re-frame it with a reference back to this post.
0
 
rtod2Author Commented:
Thank you
0
 
rtod2Author Commented:
I meant to request close of ID 37034078 with grade of A and partial indicator.  Please accept close of question ID 37034078 with a grade of A
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 17
  • 9
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now