[ibrahim]

my URL is http://www.shandileo.com
the content box is too small while my right sidebar is a bit too large. but my main concern is the content box.
also how do i close the space between the post
thanks

[Mahesh]

Hi @ibrahim,

Thank you for using Catch Evolution Pro.
The above can be achieved with Custom CSS. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.
1. Resize content and right sidebar.

@media screen and (min-width: 1225px) {
	.three-columns #primary {
    		width: 630px;
	}

	.three-columns #secondary {
    		width: 260px;
	}
}

@media screen and (min-width: 1061px) and (max-width: 1224px) {
	.three-columns #primary {
    		width: 494px;
	}

	.three-columns #secondary {
    		width: 230px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1059px) {
	.three-columns #primary {
    		width: 440px;
	}

	.three-columns #secondary {
    		width: 200px;
	}
}

Note: You may change the width as required.

2. Close the space between the post.

#content .hentry {
	border-bottom: none;
	margin-bottom: 0;
}

#content .hentry:last-of-type {
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
}
  
@media screen and (min-width: 1061px) and (max-width: 1224px) {
	#content .hentry:last-of-type {
		margin-bottom: 30px;
	}
}
  
@media screen and (max-width: 676px) {
	#content .hentry:last-of-type {
		margin-bottom: 15px
	}
}

Regards,
Mahesh

[ibrahim]

thanks and that work to some extent, but sorry if I bother you.

the content box does increase after i applied the code but I still want the content box a bit wide.
secondly the space between the post completely disappear after I use the code you gave me all I wanted was to reduce the gap or space
and lastly how do I have a rounded border on the content and the sidebars
thanks and sorry for all the trouble.

[ibrahim]

sorry one more thing: how do i removed the website column in the leave a reply page under each post and probably change the bg colour of the leave a reply papge

[Mahesh]

Hi @ibrahim,

Discard the above styles and use the following CSS instead.
1. For much wider content, please use the following CSS:

@media screen and (min-width: 1225px) {
        .three-columns #primary {
                width: 690px;
        }
        .three-columns #secondary {
                width: 200px;
        }
}
@media screen and (min-width: 1061px) and (max-width: 1224px) {
        .three-columns #primary {
                width: 534px;
        }
        .three-columns #secondary {
                width: 190px;
        }
}
@media screen and (min-width: 1025px) and (max-width: 1059px) {
        .three-columns #primary {
                width: 460px;
        }
        .three-columns #secondary {
                width: 180px;
        }
}
  
@media screen and (min-width: 961px) and (max-width: 1024px) {
        .three-columns #primary {
                width: 520px;
        }
        .three-columns #secondary {
                width: 180px;
        }
}

2. To narrow the space between posts, add the following CSS.

.hentry {
    margin-bottom: 10px;
}

3. For round border in content and sidebar, add the following CSS.

.hentry, .widget {
    border-radius: 10px;
}

4. To remove website column and change background color, add the following CSS.

/* Remove website column */
.comment-form-url {
    display: none;
}
/* Change background color */
#respond {
    background-color: #00ffff;
}

Note: please adjust the style such as border-radius, background-color etc. as required.

Regards,
Mahesh

[ibrahim]

Thanks so much for all. i’m really happy with the theme.One more thing the space between comment, name and email in the leave a reply is too much, is there a way of reducing the margin in between them?
Secondly, my images doesn’t seem to be in the centre of each the post if i centre it. please any reason for that.

thank so much my website is becoming a proper site now

[ibrahim]

I have just notice a problem, when someone leave a comment and at the end of the post a message will appear with the post tittle
for example, have a look at my URL and find a post about carnival in Brazil, scroll down to a comment I approved and see what is coming up. and also at the bottom of the approved comment it’s showing reply… is it normal?
thanks

[Mahesh]

Hi @ibrahim,

1. For reducing space in comment, add the following CSS.

#respond .comment-form-author, 
#respond .comment-form-comment {
    margin: -10px 0;
}
#respond .comment-form-email {
    margin-top: 0;
}

2. Align image of each post to the center

.blog #content .post .entry-summary img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

3. Do you mean One thought on “Title Of the Post” ? It is normal. And about the reply button. Well if you just fill up the comment section on the Leave a Reply at the below, it will add up a new comment to a post. But if you click on Reply, then fill up the comment form on the Leave a Reply it will add a comment as a reply to that particular comment. Hope I made you clear on this.

Let me know if any problem.

Regards,
Mahesh

[ibrahim]

thanks so much for your help, i have 3 more question.
1. i have just added breadcrumb to my site and if you notice it’s not in a column to match the blog post. i want the breadcrumb and the One thought on “Title Of the Post” to have be in column. how do i do that
2. according to analysed my site has multiple <h1> tags please how to i rectify this problem
thanks

[ibrahim]

sorry, is there a way i could add genaral information such a
meta Tags
Title
Description
or keywords to my site

[Mahesh]

Hi @leoibra,

1. I don’t quite get it what you meant, please clarify.

2. Multiple H1
Also only one H1 per page is old. It was only valid for HTML4.
In HTML5, you can have more then one H1 tag. That was issue only when you use HTML4 tags. In HTML5, H1 tag per article tag is good for SEO and we have carefully designed H1 tags with special attention on header tag and headings
Catch Evolution Pro theme is build in HTML5, CSS3 and Responsive design. So, H1 is better for SEO then H2.
You can also check this Video http://www.youtube.com/watch?v=GIn5qJKU8VM by Google software engineer Matt Cutts, who clearly states that you can use multiple H1 but don’t over do it. Also use h1 specific to heading and header tags.
You can also check this article URL http://html5doctor.com/html5-seo-search-engine-optimisation/
But if you really want to change it, you can change it by building child theme and editing it.

3. There is no theme option for this. You can use Yoast SEO plugin for this.

Regards,
Mahesh

[Author]

Posts