sidebar smaller and content bigger

Envato Authors Theme Authors
1

i like to make my sidebar smaller and the content bigger, please help

2

I guess you should drop a link to your website. If not I’m afraid no one can help you.

3

sure… it is www.mymotherskitchens.com.

4

Hi,

Paste this CSS code in your style.css file (or edit it in your wordpress dashboard). It should do the trick.

.body_style_boxed .content {
    width: 900px;
}

.body_style_boxed.sidebar_right .sidebar {
    margin: 0 -60px 0 0;
}

.sidebar {
    padding: 10px 1.6em;
}

.sidebar {
    width: 300px;
}

@media (max-width: 1023px) and (min-width: 960px) {
.body_style_boxed .content {
    width: 650px;
}
}

@media (max-width: 1135px) and (min-width: 960px) {
.sidebar, .body_style_fullwide .sidebar {
    width: 235px;
}
}

@media (max-width: 1135px) and (min-width: 960px) {
.sidebar, .body_style_fullwide .sidebar {
    width: 250px;
}
}

@media (max-width: 1135px) and (min-width: 1024px) {
.body_style_boxed .content {
    width: 690px;
}
}


@media (max-width: 1262px) and (min-width: 1136px) {
.sidebar, .body_style_fullwide .sidebar {
    width: 230px;
}
}

@media (max-width: 1262px) and (min-width: 1136px) {
.body_style_boxed .content {
    width: 720px;
}
}

@media (max-width: 1439px) and (min-width: 1263px) {
.body_style_boxed .content {
    width: 750px;
}
}

@media (max-width: 1439px) and (min-width: 1263px) {
.sidebar, .body_style_fullwide .sidebar {
    width: 275px;
}
}

.sfsi_wDiv {
    position: relative;
    text-align: center;
    width: 100%;
}

#sfsi_holder {
	display: none;
}
5

I will be honest, but I am not sure I know how to do that. :slight_smile:

6

Give us a message in the contact form (bottom right side of the page) so we can help you further.