Link to home
Start Free TrialLog in
Avatar of zynder
zynder

asked on

Removing Comment Space on Wordpress

I have removed all ability to comment via the dashboard but there's a problem. There's a white space in between widgets.

I am seeking to remove the space between the bottom of the content and the top of the footer. Therefore, I have no need to retain the space between the content and the top of the footer. Currently, there is a line at the bottom of the content and another line at the top of the footer. I would really like to also remove the line below the content as well as the commenting space. I am sure this is a simple CSS fix, but it's stumped me all afternoon.

Here is link of what i want to remove.
http://imgur.com/TJ8iDYf

I am running a Klasik Framework theme. Please help thanks.
Avatar of F P
F P
Flag of United States of America image

On each element add:

{
     padding: 0;
     margin:   0;
     display:   block;
}
Avatar of zynder
zynder

ASKER

Hi to where exactly should i put that code?  Under stylesheet.css?
Anywhere underneath the <link> element for it, yes. Make sure you put the correct selectors on there, or at least something with a higher order precedence...

http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg

e.g.,

Don't put:

p { padding-left:10px; }

When you really want it to be

p.classy { padding-left:10px; }

which would apply to all paragraph elements <p> on the first, and only those marked <p class="classy"> in the second.
A good reset CSS might help too.

http://meyerweb.com/eric/tools/css/reset/
Avatar of zynder

ASKER

/*  
Theme Name: Klasik
Theme URI: http://www.klasikthemes.com/framework/
Description: Klasik Framework is a base/starter theme for quicker WordPress theme development. Perfect to use as business, portfolio, gallery, blog, personal and any kind of websites. Theme features 6 widget area, 12 custom widget and simple Theme Option for full CMS control with easy Logo Upload, etc. Klasik Framework is Multilingual Ready (WPML), WooCommerce compatible, Retina Ready, RTL-Language Support, Translation Ready, Responsive, Flexible, Cross Browser Compatible, Search Engine Optimized (SEO), Font Awesome ready and standard compliant with HTML5 and CSS3.
 
Version: 0.7.7
Author: klasikthemes
Author URI: http://www.klasikthemes.com/
License: GNU General Public License
License URI: license.txt
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, post-formats, theme-options, translation-ready
*/

/*------------------------------------------------------------------

[Table of contents]

1. Global Elements
2. Container
3. Header 
	3.1. Navigation
	3.2. Slider
4. Afterheader
5. Content 
	5.1. Blog 
	5.2. Widgets
6. Sidebar
7. Footer Sidebar
8. Footer
9. Plugin

-------------------------------------------------------------------*/


/* 1. GLOBAL ELEMENTS
-------------------------------------------------------------------*/

/* Theme Frame */
.container{ margin: 0px auto; padding: 0px 0px; max-width: 1200px;}

.widget-maintop .widget-container,
.widget-mainbottom .widget-container,
.widget-contenttop .widget-container,
.widget-contentbottom .widget-container { 
  	margin: 0 auto;
    max-width: 1170px;
}



/* Main global 'theme' and typographic styles */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

/* links */
a, a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a img{border:none}
a:active {background-color: transparent;}


/* heading */

h1, h2, h3 {margin-bottom: 20px;}
h4, h5, h6 {margin-bottom: 14px;}
h1 {font-size: 30px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}
h1, h2, h3, h4, h5, h6 {
    line-height: normal;
	font-weight:600;
    font-family: 'Open Sans', Arial, sans-serif;
}



blockquote:before {
    content: "" !important;
}

blockquote {
    clear: both;
    font-style: normal;
    line-height: 24px;
    margin: 8px 0 23px 0;
    padding: 0 10px 0 20px;
	position:relative;
	font-size: larger;
}




/* 2. CONTAINER
-------------------------------------------------------------------*/

#bodychild {
    width: 100%;
    margin: 0;
}

#outercontainer {
    width: 100%;
    margin: 0;
    padding: 0;
}

#outerheader, #outerslider, #outerbeforecontent, #outermain,  #outerfootersidebar, #outerfooter {
    width: 100%;
    margin: 0 auto;
}




/* 3. HEADER 
-------------------------------------------------------------------*/


#top {
    padding: 39px 0px;
}

#logo {
    float: left;
    margin-bottom: 0px;
}


#logo h1 {
    line-height: 100%;
    margin-bottom: 0px;
    font-size: 23px;
}

#logo h1 a {
    line-height: 100%;
    font-weight: bold;
}



/*======= 3.1. Navigation =======*/

#navigation {
    position: relative;
    z-index: 200;
    margin: 0;
    float: right;
}



/* Nav Menu */

#topnav {
    margin: 0;
    list-style-type: none;
    overflow: visible;
    position: relative;
    padding: 0;
    float: right;
    font-family: 'Open Sans', Arial, sans-serif !important;
}

.sf-menu a {
    text-decoration: none;
    display: block;
    position: relative;
    padding: 0px 0 0 28px;
}

.sf-menu > li {
    position: relative;
}


/* Drop down menu */

.sf-menu ul a:hover {}

.sf-menu li li {
    text-align: left;
    line-height: 20px;
    margin: 0;
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
}

.sf-menu {
    line-height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    float: left;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 12em;
 /* left offset of submenus need to match (see below) */;
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li:hover {
    visibility: inherit;
 /* fixes IE7 'sticky bug' */;
}

.sf-menu li {
    float: left;
    position: relative;
    margin: 0px 0px 10px 0px;
    z-index: 999;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 1.3em;
    top: 4.7em; /* match top ul list item height */
    z-index: 999;
    padding: 5px 15px;
}

.fixedmenu.sticky .sf-menu li:hover ul,
.fixedmenu.sticky .sf-menu li.sfHover ul {
    top: 2.4em; /* match top ul list item height */

}


ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 11.2em!important; /* match ul width */
    top: -0.4em;
    margin-left: 0px;
}

.fixedmenu.sticky  ul.sf-menu li li:hover ul,
.fixedmenu.sticky  ul.sf-menu li li.sfHover ul {
    top: -0.45em;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 12em;
 /* match ul width */
    top: -1em;
}

.fixedmenu.sticky  ul.sf-menu li li li:hover ul,
.fixedmenu.sticky  ul.sf-menu li li li.sfHover ul {
     top: -0.45em;
}

.sf-menu ul li a {
    padding: 8px 0px!important;
    font-size: 12px;
}

.sf-menu li ul {
    padding: 0px 0px;
}

.sf-menu a.sf-with-ul {
    min-width: 1px;
 /* trigger IE7 hasLayout so spans position accurately */;
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: 10px;
    top: 1.05em;
 /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
}

.sf-menu ul {
    border: 0px;
}

.sf-menu li li {
}

.sf-menu > li li:before {
    content: "";
    display: block;
}

.sf-menu > li li:first-child:before {
    border: 0;
}



/* dropdown mobile */

#menu-icon, .tinynav {
    display: none;
 /* hide menu icon initially */;
}



/*======= 3.2. Slider =======*/

#slidercontainer {
    padding: 0px;
    margin: 0px;
	
}

#slider {
    position: relative;
	font-family: 'Open Sans', Arial, sans-serif;
	
}

#slider iframe.video-static{ height:550px;}

#slider .slider-title{ margin-bottom:2px; line-height:normal;}
#slider .slider-title span{ font-size:28px; text-transform:uppercase; padding:10px 18px 11px; display:inline-block; font-weight:600}
#slider .slider-desc span{ font-size:13px; padding:14px 19px 22px; display:inline-block}


#slider ul.slides > li {
    padding: 0px;
}

#slider .camera_caption {
    position: absolute;
    left: 375px; /*standard 1920*/
    bottom: 50px;
    width: 100%;
    padding: 0px 0px;
    line-height: 100%;
}

#slider .camera_caption > div {
	background: transparent;
	padding: 0px 0px;
}



#slideritems {
    margin-bottom: 0px !important;
	height:454px;
}

#slider ul.flex-direction-nav li {
    display: block;
    padding: 0px;
}

#slider .camera_prev, #slider .camera_next {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}

#slider ul.flex-direction-nav a.flex-prev, #slider a.nivo-prevNav, #slider .camera_prev {
    left: 30px;
    background-position: center;
}

#slider ul.flex-direction-nav a.flex-next, #slider a.nivo-nextNav, #slider .camera_next {
    right: 30px;
    background-position: center;
}

#slider .camera_prev > span, #slider .camera_next > span {
    width: 46px;
    height: 46px;
}

#slider .camera_pag {
    float: right;
    position: absolute;
    bottom: -8px;
    right: 10px;
}



/* 4. AFTERHEADER
-------------------------------------------------------------------*/


#afterheader {
    position: relative;
    padding: 14px 0 12px;

}

.pagetitle {
    font-size: 16px;
    line-height: normal;
	font-weight:normal;
    margin: 0px 20px 0 0;
    display: inline-block;
}

.pagedesc {
    font-size: 12px;
	font-family: 'Open Sans', Arial, sans-serif;
}

#afterheader #breadcrumbs {
    float: right;
    font-size: 11px;
    position: relative;
    z-index: 15;
}




/* 5. CONTENT
-------------------------------------------------------------------*/

#maincontent-container{
    padding: 80px 0 40px 0;
}


#content .main{ margin-bottom:40px;} 

#content.positionright {
    float: right;
}

#content.positionleft {
    float: left;
}

#content.positionleft .main {
    padding-right: 20px;
}

#content.positionright .main {
    padding-left: 20px;
}

.indentleft {
    overflow: hidden;
}

.center {
    text-align: center;
}

.nomargin {
    margin-right: 0px!important;
}

.displayblock {
    display: block;
}



/* List */

ul.client {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
}

ul.client li {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
}

ul.client li img {
    display: block;
}

ul.client li:first-child {
    border: 0 !important;
}

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

ul.list li {
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}

ul.checklist {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.checklist li {
    padding: 0 0 6px 20px;
}



/* Images */

img {
    max-width: 100%;
    height: auto;
}

.imgopacity:hover {
    opacity: 0.5;
}

img[class*="wp-image-"], img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}



/* form & button */

form {
    margin: 0;
    padding: 0;
}

input[type="text"], input[type="email"],
textarea, input[type="password"], select {
    font-size: 12px;
    padding: 7px 5px;
    font-size: 11px;
    font-family: Arial;
	width: 90%;
}

textarea {
    width: 90%;
}

textarea:focus {
    outline: 0;
}

.button, .button:visited, input[type="submit"],input[type="reset"], input[type="button"], button {
    padding: 15px 39px 14px 39px;
    cursor: pointer;
    font-size: 13px;
    line-height: 13px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.button:hover, input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button:hover {
    text-decoration: none;
}


.button.mini {
    font-size: 12px;
    padding: 6px 15px 7px 15px;
}

.button.small {
    font-size: 12px;
}

.button.large {
    font-size: 15px;
    line-height: 15px;
    padding: 9px 25px 10px 25px;
}



/* Fix for odd Mozilla border & padding issues */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}



/* Separator */
.spacer {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: 100%;
    clear: both;
}

.separator {
    display: block;
    height: 30px;
    padding: 0 0;
    margin-bottom: 14px;
    text-align: center;
    width: 100%;
    clear: both;
}





/*======= 5.1. BLOG =======*/

.sticky .posttitle{ padding-left:30px}

.post{ margin-bottom:50px}
.postimg {
    margin-bottom: 23px;
}

.postimg img {
    display: block;
}

.entry-content img {
}

.entry-content p {
    margin-bottom: 16px;
}

.entry-content .loopexcerpt p {
    margin-bottom: 9px;
}

.more, .more-link {
    font-size: 13px;
    font-style: italic;
}

a.more:hover, a.more-link:hover {
    text-decoration: none;
}

.post .button {
    margin: 10px 0;
    display: inline-block;
    float: left;
}

.post, #searchresult .page, #searchresult .hentry {
    clear: both;
}

#singlepost .post {
    margin-bottom: 0px;
}



.entry-utility {
    font-size: 11px;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px;
    line-height: 22px;
}

.entry-utility div {
    display: inline-block;
    line-height: 100%;
}

.entry-utility .text-sep{margin: 0 5px;}

.posttitle {
    margin: 0 0 3px 0;
    word-wrap: break-word;
	font-weight:600;
}

.posttitle, .posttitle a {
    font-size: 20px;
}

.posttitle a:hover {
    text-decoration: none;
}

.single .entry-content {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.single .entry-content.nometa {
    border: 0px;
    margin: 0px 0 45px 0;
    padding: 0px;
}

.last .entry-content {
    margin-bottom: 15px;
}

.entry-content {
    overflow: hidden;
    margin-bottom: 26px;
    padding: 0 0 0px 0;
    word-wrap: break-word;
}

#postattachment .entry-utility {
    width: 100%;
    float: none;
    padding: 0;
}

.entry-attachment {
    margin-bottom: 20px;
}




/* Post Format */

.entry-gallery .flexslider {
    margin-bottom: 15px;
}

.entry-quote{ margin-bottom:40px;}
.entry-quote .entry-content, .format-aside .entry-content, .format-link .entry-content{ margin:0px;}

.entry-quote blockquote {
    padding:0px 0 0 20px;
    font-size: 16px;
    margin: 0px;
	line-height:24px;
}
.entry-quote .info{display:inline-block; font-size:12px;}
.entry-quote blockquote:before {
    top: -5px;
    left: -40px;
	font-size: 3.2em;
}

.entry-quote .quote-text {
    padding: 0;
    position: relative;
}

.entry-quote .quoteinfo{ 
	font-size:13px; 
	font-style:normal;
	margin-top:9px;
	font-family:Arial, Helvetica, sans-serif;
}

.mediacontainer {
    margin-bottom: 13px;
}

.mediacontainer audio {
    width: 100%;
}

.mediacontainer iframe, .mediacontainer object, .mediacontainer video {
    width: 100%;
    height: 350px;
}

.aside{
	margin:0 0 0 0;
	padding: 0 0 0 0;
}


.entry-links{
	margin:0 0 0 0;
	padding: 0 0 0 0;
}
	


/* author */

h2.title-author {
    font-size: 16px;
}

#entry-author-info {
    clear: both;
    margin-bottom: 74px;
    position: relative;
    padding: 13px 30px 30px 30px;
}

#entry-author-info #author-avatar {
    margin: 0 0 30px 0;
    position: absolute;
    top: 60px;
    left: 30px;
}

.archive #entry-author-info {
    clear: both;
    margin-bottom: 44px;
    position: relative;
    padding: 20px 30px 30px 30px;
}


.archive #entry-author-info #author-avatar {
    position: absolute;
    top: 23px;
    left: 30px;
}

.avatar {
    display: block;
    padding: 0px;
	width:80px;
	height:80px;
}

#entry-author-info #author-description {
    margin: 0px 0px 0px 100px;
    vertical-align: top;
}

#entry-author-info .author-title{ 
	font-size:20px; margin-bottom:15px;
	line-height:normal;
}

#entry-author-info #author-description  h2 {
    font-size: 14px;
    margin-bottom: 10px;
}

#author-description span.author {
    display: block;
    font-weight: bold;
}



/* attachment pages wordpress */

.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 a:after {
    content: '\00a0\2192';
}

.wp-caption {
    margin-top: 0.4em;
}

.wp-caption {
    margin: 0 0 20px 0;
    padding: 0;
    max-width: 100%;
    display: block;
}

.wp-caption img {
    margin: 0;
}

.wp-caption .wp-caption-text,

.gallery-caption {
    font-size: 12px;
    font-style: italic;
}

.wp-caption .wp-caption-text {
    margin-bottom: 0;
    padding: 8px 0 0 0;
    position: relative;
}

img#wpstats {
    display: block;
    margin: 0 auto 1.625em;
}

.tag-links {
    padding: 10px 0;
    display: block;
}





/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}



/* navigation  */

.navigation {
    line-height: 20px;
}

.navigation a:link,
.navigation a:visited {
    text-decoration: none;
}

.navigation a:active,
.navigation a:hover {
}

.nav-previous {
    float: left;
}

.nav-next {
    float: right;
    text-align: right;
}

.nav-previous a, .nav-next a {
    font-size: 12px;
    padding: 8px 0;
}

#nav-above {
    margin: 0 0 18px 0;
}

#nav-above {
    display: none;
}

.paged #nav-above,

.single #nav-above {
    display: block;
	
}

.single #nav-below {margin: 13px 0 74px 0;}

#nav-below {
    padding: 10px 0 0 0;
    font-size: 12px;
    margin: 13px 0 30px 0;
    clear: both;
    text-align: right;
}





/* Comments */

#comments {
    clear: both;
}

#comments .navigation {
    padding: 0 0 18px 0;
}

h3#comments-title {
    line-height: 24px;
    padding: 0px 0px;
    margin: 0 0 21px 0;
    font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
}

h3#reply-title {
    line-height: 24px;
    font-size: 20px;
    margin: 36px 0px 20px 0px;
}

.commentlist {
    list-style: none;
    margin: 0;
    margin-bottom: 0px;
}

.commentlist li.comment {
    margin: 0 0 0px 0px;
    padding: 0 0 0px 0px;
    position: relative !important;
}

.commentlist li.comment ul.children {
    margin: 0 0 0 0;
    margin-left: 11%;
    padding: 0px 0 0 0;
}

.commentlist li.comment ul.children li {
    border-bottom: 0 !important;
    margin: 0;
    padding: 0;
}

#comments .comment-body ul,#comments .comment-body ol {
    margin-bottom: 0;
}

.commentlist ol {
    list-style: decimal;
}

.commentlist .avatar {
}

.comment-body cite {
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
}

.comment-body cite  a, .comment-body cite  a:visited {
}

.comment-body cite  a:hover {
    text-decoration: none;
}

.comment-author .says {
    font-style: normal;
}

.comment-meta {
    font-size: 11px;
    margin: 0 0 18px 0;
}

.comment-meta a:link,

.comment-meta a:visited {
    text-decoration: none;
}

.comment-meta a:active,

.comment-meta a:hover {
}

.commentlist .even {
}

.commentlist .bypostauthor {
}

.reply a.comment-reply-link {
}

.edit-link {
    float: none;
    clear: both;
    width: 100%;
    display: block;
    padding: 10px 0 0 0;
}

a.comment-edit-link {
}

a.comment-edit-link:hover {
    text-decoration: none;
}

.commentlist .children {
    list-style: none;
}

.commentlist .children li {
}

.nopassword, .nocomments {
    display: none;
}

#comments .pingback {
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.commentlist li.comment+li.pingback {
    margin-top: -6px;
}

#comments .pingback p {
    display: block;
    font-size: 11px;
    line-height: 18px;
    margin: 0;
}

#comments .pingback .url {
    font-size: 12px;
}

.con-comment {
    padding: 20px 19px;
    margin-bottom: 30px;
}

.commentlist .comment-author {
    float: left;
    margin-top: 0px;
    padding: 3px;
}

.commentlist .comment-body {
    width: auto;
    margin-left: 105px;
}

.commenttext {
    margin: 0 0 0 0;
    padding: 2px 0 0 0;
}

.commentlist .comment-body p {
    margin-bottom: 10px !important;
}

.commentlist ul.children .comment-author {
}

.commentlist ul.children .comment-body {
}

*+html .commentlist .comment-body {
    margin-top: 0;
}

.comment-body .fn {
    font-size: 13px;
    font-weight: bold;
    word-spacing: 2px;
}

.comment-body .time {
    font-size: 12px;
	font-style:normal;
    padding: 0 5px 0 0;
	display:block;
}

.commentlist .comment-body .reply {
    font-size: 11px;
}

.comment-body .boldtext {
    font-weight: normal;
    font-size: 22px;
}

.vcard {
    padding-bottom: 6px;
}



/* Comments form */
#commentform {
    padding: 0;
}

#commentform label {
    margin-top: 0px;
    padding: 5px 0;
    display: inline-block;
}

#commentform .required {
}

#commentform code {
    padding: 0;
    margin: 10px 0;
    border: 0;
}

#commentform input[type=text] {
    margin-bottom: 3px;
    padding: 8px 5px;
    vertical-align: middle;
    width: 50%;
    font-size: 12px;
    font-family: arial;
    display: block;
    page-break-after: always;
}

#commentform textarea {
    width: 95%;
    margin-bottom: 12px;
    padding: 8px 5px;
    vertical-align: top;
    font-size: 12px;
    font-family: arial;
    display: block;
}

#respond .comment-reply {
    font-size: 20px;
    line-height: 24px;
    padding: 0px 0px;
    margin: 0 0 10px 0;
}

#respond p {
    margin: 0;
}

#respond .comment-notes {
    margin-bottom: 1em;
}

.form-allowed-tags {
    line-height: 1em;
}

.children #respond {
    margin: 0 0px 0 0;
}

.cancel-comment-reply {
    font-size: 12px;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}

#comments-list ul #respond {
    margin: 0;
    padding: 0;
}

#cancel-comment-reply-link {
    font-weight: normal;
    line-height: 18px;
}

#respond .required {
}

#respond label {
}

#respond input {
}

#respond textarea {
}

#respond .form-allowed-tags {
}

#respond .form-allowed-tags code {
}

#respond .form-submit {
    margin: 12px 0;
    clear: both;
}

#respond .form-submit input {
}

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment {
}

.comment-form-comment {
    width: 100%;
}

.form-submit {
    clear: both;
}



/* Calendar */
.widget_calendar #wp-calendar {
    width: 100%;
    text-align: left;
    border: 0px !important;
}

.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
    text-align: center;
    padding: 3px;
    font-size: 11px;
	border:0px;
}

#footersidebar .widget_calendar thead th {
    border-top: 0px;
}

#footersidebar .widget_calendar thead th:first-child {
    border-left: 0px;
}

.widget_calendar #wp-calendar tr {
}

.widget_calendar #wp-calendar caption {
    font-size: 11px;
    text-align: right;
    padding: 3px 0 3px 0 !important;
    text-transform: uppercase;
}

.widget_calendar #wp-calendar th {
    font-weight: bold;
    padding: 3px;
}

.widget_calendar #wp-calendar tfoot tr {
}

.widget_calendar #wp-calendar td#prev {
    text-align: left;
    padding-left: 5px;
}

.widget_calendar #wp-calendar td#next {
    text-align: right;
    padding-right: 5px;
}

#today {
    font-weight: bold;
}


/* Tag */
.tagcloud {
}

.tagcloud a {
    padding: 0px 3px;
}

.tagcloud a:hover {
}


.entry-tag {
    padding: 10px 0;
	font-size:12px;
}

.tag-items {
    display: inline;
}

.tag-items span {
    display: inline-block;
    padding: 0px 5px 0 0;
}

.tag-items span:after {
    color: #606060 !important;
    content: ",";
    cursor: default;
    font-weight: 400;
    margin: 0 0px;
}
.tag-items span:last-of-type:after {
    display: none;
}


.page-links{ font-size:12px;}
.page-links span {
    display: inline-block;
}


/* Tables */
table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 18px;
}

table,td,th {
    text-align: center;
}

th {
    padding: 10px;
    text-transform: uppercase;
}

td {
    padding: 10px;
}

tfoot td {
    border: 0px;
}

th,tr:hover {
}

table {
    text-align: left;
    margin: 0 -1px 24px 0;
    width: 100%;
}

tr th,

thead th {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}

tr td {
    padding: 6px 24px;
}

tr.odd td {
}



/*======= 5.2. WIDGET =======*/

/*** POSITION ON THEME ***/

.all-widget-wrapper{ padding:80px 0; }

#content.positionleft .contenttop-container, #content.positionleft .contentbottom-container {
    padding-right: 20px;
}

#content.positionright .contentbottom-container, #content.positionright .contenttop-container  {
    padding-left: 20px;
}

.widget-title {
    font-size: 18px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing: 1px;
    padding: 0;
    margin: 0 0 50px 0;
	text-align:center;
}

#sidebar .widget-title { text-align:left;}
#footersidebar .widget-title { text-align:left;}
.panel-grid-cell .widget-title {text-align:left;}

.widget-subtitle{
	font-size:14px;
	text-transform:none;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:5px 0 2px;
}

.widget-title .line-wrap{  margin:18px auto 0px; display:block;  width:auto; line-height:0;}
.widget-title .line-wrap .line{  width:300px; display:inline-block; }

.panel-grid-cell .widget-title .line-wrap .line{  width:150px; display:inline-block; }



.panel-grid-cell .widget-title {
	font-size: 18px;
	text-transform:uppercase;
	letter-spacing: 1px;
    padding: 0;
    margin: 0 0 25px 0;
	font-weight:600;
	text-align:left;
}



/* Recent post widget */

.klasik-recentpost-widget .recent-item{margin-bottom:20px; }

.panel-grid-cell .panel.widget_klasik-advancedposts-widget .klasik-recentpost-widget {
    margin-bottom: -20px!important;
    width: 100%;
    float: left;
}


.klasik-recentpost-widget .recent-title{font-size:13px; font-weight:bold; margin-bottom:0px; overflow:hidden;}
.klasik-recentpost-widget .recent-thumb {
    float: left;
    width: auto;
    height: auto;
}

.klasik-recentpost-widget .recent-thumb img {
    float: left;
    width: 52px;
    height: 52px;
	padding:3px;
}

.klasik-recentpost-widget .recent-link {
    max-height: 15px;
}

.klasik-recentpost-widget .smalldate{
    display: block;
    font-style: normal;
    overflow: hidden;
}



#footersidebar .klasik-recentpost-widget h3 {
    font-size: 13px;
    margin-bottom: 3px;
	font-family:Arial, Helvetica, sans-serif;
}


/* Latest News Widgets */

.klasik-latestnews-widget .recent-title{ font-weight:600}
.klasik-latestnews-widget .smalldate{
    display: block;
    font-style: normal;
    overflow: hidden;
}




/* Events Widgets */

.panel-grid-cell .panel.widget_klasik-events-widget .klasik-events-widget {
    margin-bottom: -30px!important;
    width: 100%;
    float: left;
}


/* Testimonial Widget */


.panel-grid-cell .panel.widget_klasik-testimonial-widget .klasik-testimonial-widget{
    margin-bottom: -30px!important;
    width: 100%;
    float: left;
}

.klasik-testimonial-widget .testi-title{ font-size:13px; font-weight:bold; margin:9px 0 0 0}
.klasik-testimonial-widget .testi-img img{ width:80px; height:80px;}

/* Team Widget */
.panel-grid-cell .panel.widget_klasik-team-widget .klasik-team-widget {
    margin-bottom: -30px!important;
    width: 100%;
    float: left;
}

/* Featured Pages Widgets */

.klasik-features{
    margin-bottom: -40px;
    width: 100%;
    float: left;
}

#sidebar .klasik-features, #footersidebar .klasik-features {
    margin-bottom: -30px;
    width: 100%;
    float: left;
}

#sidebar .klasik-features .item-container,
#footersidebar .klasik-features .item-container{margin-bottom:30px;}

 .klasik-features .item-container{margin-bottom:40px;}
.klasik-features .feature-title{ text-transform:uppercase; letter-spacing: 1px; font-weight:600}
.klasik-features .img-container img{ margin:0px 15px 0 0;}

/* Advanced Posts */

.klasik-advancedpost-widget .recent-title{ font-size:14px; line-height:18px; font-weight:600; overflow:hidden}
.klasik-advancedpost-widget .recent-link {  max-height: 15px;}
.klasik-advancedpost-widget .smalldate{
	display:block; 
	font-size:14px; 
	float:left; 
	font-family:Arial, Helvetica, sans-serif;
	margin:6px 20px 0 0;
	display:inline-block;
}
.klasik-advancedpost-widget .smalldate .day{ font-size:36px; padding-left:6px;}
.klasik-advancedpost-widget .recent-text{clear:both; padding-top:16px; margin-top:0px;}

/* Action */

.klasik-action-widget h1 {
	margin:0px 0 5px 0;
	letter-spacing: 1px;
	font-weight:600;
	text-transform:uppercase;
}

.klasik-action-widget h2 {
    padding: 0 0 28px 0;
    margin: 0 0 24px 0;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.klasik-action-widget .action-button {
    margin: 44px 0 -10px 0;
}

.klasik-action-widget .action-button .button{ font-family: 'Open Sans', Arial, sans-serif; text-transform:none}

/* recent comment sidebar */
#sidebar .klasik-recent-comment-widget li {
    padding-bottom: 4px;
    margin-bottom: 10px;
    clear: both;
    background: transparent;
}

#sidebar .klasik-recent-comment-widget a {
    background: transparent !important;
    padding: 0 !important;
    display: inherit;
}


/* Portfolio */

.panel-grid-cell .panel.widget_klasik-theme-pfilter-widget .klasik-portfolio.nopagenum {
    margin-bottom:-30px!important;
    width: 100%;
    float: left;
}


.klasik-portfolio.nopagenum{
    margin-bottom: -30px;
    width: 100%;
    float: left;
}
.klasik-portfolio .item{margin-bottom:30px; }

.klasik-pf-text{ text-align:center;}
.klasik-pf-text .pftitle{ font-weight:normal}
.klasik-pf-text .textcontainer{ display:none;}

.klasik-pf-img .frame {
    padding: 0px;
}
.klasik-pf-img img{ width:auto; height:auto;}
#filter li:after {
    color: #606060 !important;
    content: "/";
    cursor: default;
    font-weight: 400;
    margin: 0 7px;
}
#filter li:last-of-type:after {
    display: none;
}



/* search widget */
#searchform input {
    background: transparent;
    border: 0;
}

#searchform {
    position: relative;
}

#searchform #s {
    width: 79%;
    padding: 14px 50px 13px 20px !important;
    height: 14px !important;
    border: 0;
}

.searchbutton {
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 44px;
    text-indent: -9999px;
}






/* 6. SIDEBAR 
-------------------------------------------------------------------*/

#sidebar.positionleft {
    float: left;
}

#sidebar.positionright {
    float: right;
}

#sidebar.positionright div.widget-area {
    padding-left: 0px;
}

#sidebar.positionleft div.widget-area {
    padding-right: 0px;
}

#sidebar .widget-title {
    font-size: 14px;
    padding: 0;
    margin: 0 0 10px 0;
}

#sidebar ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

#sidebar ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#sidebar .widget-container {
    margin-bottom: 59px;
    padding: 0px 0 0 0;
}

#sidebar li.widget-container > ul {
    margin-top: 0px;
}

#sidebar li li {
    list-style-type: none;
    margin: 0 0 3px 0;
    padding: 0 0 0px 0;
}

#sidebar li li a {
	margin: 0 0 0 0;
}

#sidebar li li a:hover, #sidebar li li a.active {
    text-decoration: none;
}


#sidebar li li a:hover, #sidebar li li a.active {
    text-decoration: none;
}


/* Child */
#sidebar ul.sub-menu, #sidebar ul.children, #sidebar ul ul ul {
    margin: 0 0 0 0px;
}

#sidebar ul.sub-menu li {
    padding: 3px 0 0 0px;
	margin-top: 0px;
}

#sidebar ul.sub-menu li a{
	padding-left:13px;
}

#sidebar ul.sub-menu ul.sub-menu li a{
    padding-left:23px;
}

#sidebar ul.sub-menu ul.sub-menu ul.sub-menu li a {
    padding-left: 33px;
}

#sidebar ul.sub-menu ul.sub-menu ul.sub-menu li ul.sub-menu li a {
    padding-left: 43px;
}


#sidebar ul.children li{
    padding: 3px 0 0 0px;
	margin-top: 0px;
}

#sidebar ul.children li a{
    padding-left:13px;
}

#sidebar ul.children ul.children li a{
    padding-left: 23px;
}

#sidebar ul.children ul.children li a{
    padding-left: 33px;
}

#sidebar ul.children ul.children li ul.children li a{
    padding-left: 43px;
}



/* 7. FOOTER SIDEBAR 
-------------------------------------------------------------------*/

#outerfootersidebar {
    padding: 58px 0 0 0;
}

#footersidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footersidebar li.widget-container {
    list-style-type: none;
    margin: 0 0 40px 0;
    padding: 0px 14px 0px 0px;
}

#footersidebar .widget-title {
    font-size: 14px;
	text-transform:uppercase;
    margin-bottom: 15px;
}



#footersidebar li li {
    list-style-type: none;
    margin: 0 0 3px 0;
    padding: 0 0 0px 0;
}

#footersidebar li li a {
	margin: 0 0 0 0px;
}


#footersidebar li a:hover {
    text-decoration: none;
}

#footersidebar .klasik-recent-post-widget li {
    padding-bottom: 9px!important;
    margin-bottom: 9px!important;
    clear: left;
    background: none;
    border: 0px;
    padding-left: 0px;
}

#footersidebar .klasik-recent-post-widget img {
    float: left;
    margin-right: 15px;
    margin-top: 2px;
    padding: 4px;
    width: 53px;
    height: 53px;
}

#footersidebar .klasik-recent-post-widget li h3 {
    font-size: 12px;
    margin-bottom: 3px;
}

#footersidebar .klasik-recent-post-widget li .smalldate {
    font-size: 11px;
    display: block;
    font-style: italic;
    overflow: hidden;
}

/* Child */
#footersidebar ul.sub-menu, #footersidebar ul.children, #footersidebar ul ul ul {
    margin: 0 0 0 0px;
}

#footersidebar ul.sub-menu li {
    padding: 3px 0 0 0px;
}

#footersidebar ul.sub-menu li a{
	padding-left:13px;
}

#footersidebar ul.sub-menu ul.sub-menu li a{
    padding-left:23px;
}

#footersidebar ul.sub-menu ul.sub-menu ul.sub-menu li a {
    padding-left: 33px;
}

#footersidebar ul.sub-menu ul.sub-menu ul.sub-menu li ul.sub-menu li a {
    padding-left: 43px;
}


#footersidebar ul.children li{
    padding: 3px 0 0 0px;
}

#footersidebar ul.children li a{
    padding-left:13px;
}

#footersidebar ul.children ul.children li a{
    padding-left: 23px;
}

#footersidebar ul.children ul.children li a{
    padding-left: 33px;
}

#footersidebar ul.children ul.children li ul.children li a{
    padding-left: 43px;
}

#footersidebar .gallery img{ margin:0px;}


.gallery-pic a:nth-child(3) img, .gallery-pic a:nth-child(6) img {
    margin-right: 0px!important;
}

.gallery-pic img {
    margin: 0 12px 12px 0;
    display: block;
    float: left;
    padding: 3px;
}



/* 8. FOOTER 
-------------------------------------------------------------------*/

#outerfooter {}

#footer {
    padding: 20px 0px 17px;
}


#footer a, #footer a:visited {}

#toTop {
    position: absolute;
 /* this is the magic */
    top: 18px;
    right: 0;
    cursor: pointer;
    display: none;
    font-size: 12px;
}



/* 9. PLUGIN
-------------------------------------------------------------- */

/* WP-PageNavi  Plugin  */

.wp-pagenavi {
    padding: 0;
    font-size: 12px;
    margin: 0 0 20px 0;
    clear: both;
}

.wp-pagenavi .pages {
    padding-right: 10px;
    border: 0px;
}

div.wp-pagenavi a, div.wp-pagenavi a:visited {
    padding: 8px 11px 7px;
    margin: 0 3px 0 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

div.wp-pagenavi span.current {
    padding: 8px 11px 7px;
    margin: 0 3px 0 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;;
	border-radius: 100%;
}

div.wp-pagenavi span.pages {
    padding-left: 0px;
    margin-left: 0px;
}

.wp-pagenavi span{ border:0px!important;}
.wp-pagenavi a.last, .wp-pagenavi a.last:hover, 
.wp-pagenavi a.first, .wp-pagenavi a.first:hover{border:0px!important; background:transparent}


/* Flickr Plugin  */

#flickr {
    text-align: left !important;
    padding: 0;
}

div#flickr div.flicr_badge_image:nth-child(3) img, #flickr div.flicr_badge_image:nth-child(6) img {
    margin-right: 0px!important;
}

div#flickr img {
    margin: 0 8px 12px 0;
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    padding: 4px !important;
}

#flickr img {
    border: 0px !important;
}

* html .flickr_badge_image, *+html .flickr_badge_image {
    display: inline !important;
}

.flickr_badge_image:hover {
}



/* Contact Form  */

.wpcf7 p {
    margin-bottom: 10px;
}

.wpcf7 label {
    display: block;
	text-align:left;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"] {
    margin: 4px 0px 6px 0px;
    font-size: 11px;
    width: 55%;
}

.wpcf7 textarea {
    margin-bottom: 7px;
    padding: 8px 5px;
    font-size: 11px;
    width: 55%;
}

.wpcf7-submit {
    margin: 0;
}

.contact{  margin:0 200px; text-align:center}
.contact label{ padding-left:20px;}
.contact input[type="text"], .contact input[type="email"], .contact input[type="password"] {
    margin: 4px 0px 24px 0px;
    font-size: 11px;
    width: 96%;
	display:block;
}

.contact textarea {
    margin: 4px 0px 30px 0px;
    padding: 8px 5px;
    font-size: 11px;
    width: 98.1%;
	display:block;
}



/* Social Icons Widget */
.klasikt .simple-social-icons ul li {
    list-style-type: none;
    background: none !important;
    padding: 0px !important;
    border: 0px !important;
    margin: 0px 10px 10px 0px !important;
}


.klasikt .simple-social-icons ul li a {
    padding: 10px !important;
    display: inline-block;
    margin: 0px 0px 0px 0px!important;
}


/* Widget Page Nav*/

.page-numbers a,
.page-numbers span {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}


/*** WOOCOMMERCE ***/



/* Woocommerce Pagination  */

body.klasikt nav.woocommerce-pagination, body.klasikt #content nav.woocommerce-pagination {
    padding: 0;
    font-size: 12px;
    margin: 0 0 20px 0;
    clear: both;
    text-align: left;
}

body.klasikt nav.woocommerce-pagination ul.page-numbers, body.klasikt #content nav.woocommerce-pagination ul.page-numbers {
    border: 0px;
    text-align: center;
	line-height: 30px;
}

body.klasikt nav.woocommerce-pagination .page-numbers li, body.klasikt #content nav.woocommerce-pagination .page-numbers li {
    border: 0px;
    padding: 0px;
}

body.klasikt nav.woocommerce-pagination .page-numbers a, body.klasikt #content nav.woocommerce-pagination .page-numbers a {
    height: 30px;
	width:30px;
	margin:0px;
	padding:0px;
    border: 0px;
    min-width: 0em;
	line-height: 30px;
}

body.klasikt nav.woocommerce-pagination .page-numbers span, body.klasikt #content nav.woocommerce-pagination .page-numbers span {
    height: 30px;
	width:30px;
	margin:0px;
	padding:0px;
    font-weight: normal;
    min-width: 0em;
	line-height: 30px;
}

Open in new window



Here is my stylesheet(style.css)
Where will i edit the code?  Thanks for the help.
OK, it could be a few places. Can you tell me which widget it is having the issue, or take a screen shot of after you right click and goto inspect element please?

See attached.
If you can hover with that green, blue, and orange/red colors that'd be great too
Screen-Shot-2015-04-25-at-2.21.09-AM.png
Screen-Shot-2015-04-25-at-2.21.27-AM.png
Avatar of zynder

ASKER

Hi Frank,

Thanks for the quick response.  It's not a widget that is having an issue.  It's the default comment section on every post/page on wordpress.  I removed it on the homepage via Settings>Discussion and on the page itself i set comments = not allowed.  But there's this white space left i need to get rid of it.

Attached is the inspect elements screenshot.

Regards,
zyn
divmaincontent.JPG
I think this will clear up the extra spacing beneath where the comments were, assuming that you still have the author info:

Either change the margin-bottom and padding attribute's value to 0 for the ID on line 836 of the CSS to->
#entry-author-info {
    clear: both;
    margin-bottom: 0;
    position: relative;
    padding: 13px 30px 0 30px;
}

Open in new window


Notice I only changed the 3rd entry in padding, and margin-bottom to be 0, and it's not necessary to put px after 0 since it's redundant....... or let me know if there's a way i can take a look at the page live? I do believe that should resolve it for you though.
Avatar of zynder

ASKER

Tried changing the stylesheet.css but the white space is still there.

Attached is the screenshot from the website.  The weird thing is if i open it there's a word "edit" on the white space.  Check it out.

My website is www.afaonlinestore.com.  Scroll down below just above Health Stories is where the white space.

Regards,
zyn
extra.JPG
ASKER CERTIFIED SOLUTION
Avatar of F P
F P
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of zynder

ASKER

Your solution make sense but when i updated the themes css it's not making any changes.  I cleared the cache and use firefox but with the same result.  I tried editing the inspect elements and it should work but it's not updating.  Can you check on your side?  I already changed the padding to 0.

Thanks.
Avatar of zynder

ASKER

I'm really stumped.

How can i force the stylesheet.css to be updated.  I don't believe it's a cache issue because i cleared both my browsers already.  Could it be the editor is not really editing the css file?

Attach is the screenshot as you can see i already updated it but when i check the elements it is still the same as before.  I'm frustrated already.

Please help thanks.
why.JPG
Avatar of zynder

ASKER

Cheers!  Thanks.
Force a refresh depends on your browser. The easiest way is to go into settings/preferences/history/privacy and empty it from there with the page already closed.

Chrome:
https://support.google.com/chromebook/answer/183083?hl=en

Firefox:
https://kb.iu.edu/d/ahic

IE 9, 10, and 11:
https://kb.wisc.edu/page.php?id=15141

Opera:
http://help.opera.com/Windows/12.10/en/cache.html