[shawn]

Hi,

I’m using catch box pro, with the right-side bar layout.

1. I would like to move the right side bar a bit to the right, how do I do this? Here’s what I mean: http://i.imgur.com/9lZSveX.png

2. Next, I would like to increase the width of the post area (in both left and right direction). Here’s what I mean: http://i.imgur.com/IE3HRFG.png

3. Finally, with the post width increased, I would also like to reduce the padding on the left and right direction of the post area, so the letters are close to the border. Here’s what I mean: http://i.imgur.com/vxyRXuI.png

Can you show me what numbers/edits I need to change to accomplish this? Thanks.

[Mahesh]

Hi @shawn,

For the above change, go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS:

#main {
	padding: 10px;
}

.homepage-feature {
	width: 300px;
}

#primary {
	width: 650px;
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
	#primary {
		width: 610px;
	}
	.homepage-feature {
		width: 280px;
	}
}

@media screen and (min-width: 961px) and (max-width: 990px) {
	#primary {
		width: 560px;
	}
	.homepage-feature {
		width: 255px;
	}
}

@media screen and (max-width: 960px) {
	#primary {
		width: 698px;
	}
	.homepage-feature {
		width: 324px;
	}
}

@media screen and (max-width: 767px) {
	#primary {
		width: 100%;
	}
	.homepage-feature {
		width: 45.5%;
	}
}

@media screen and (max-width: 640px) {
	.homepage-feature {
		width: 100%;
	}
}

@media screen and (max-width: 320px) {
	#main {
		padding: 10px 0 0;
	}
}

Regards,
Mahesh

[shawn]

That worked perfectly @Mahesh – thank you!!

Now I just need to reduce the paddings to the left and right inside the post. As it is right now, the contents of the post along with post title, there’s a lot of space between that and the post border (to the left and right direction). I would like to reduce this, so the post title/contents go close to the border of the post. How do I do this?

[Mahesh]

Hi @shawn,

Please add the following CSS in “Dashboard=> Appearance=> Theme Options=> Custom CSS” box.

#content article.post {
    padding: 10px 10px 30px;
}

Regards,
Mahesh

[shawn]

worked perfectly! thank you @mahesh

[Mahesh]

Hi @shawn,

Thank you for your appreciation.
Have a nice day!

Regards,
Mahesh

[Author]

Posts