Trying to widen sidebar of Focus 1.30.0 to 300px

Jeremy White
asked 9 years ago

Just updated to Focus 1.30.0. My sidebar ads are 300px, and using the customization found in [this answer](http://www.designwall.com/question/change-column-widths/), which no longer works. I tried inserting this code (from an answer by Dominic 6 months ago) into the custom CSS box:

@media (min-width: 1200px ){
#page {
max-width: 1227px;
}

.container {
width: 1225px;
}

.site-content .content-inner .container .row .col-lg-9 {
width: 885px;
}

.site-content .content-inner .container .row .col-lg-3 {
width: 340px;
}

.content-inner:before {
left: 885px;
}
}

This also did not work. Please advise.

1 Answers

DominicStaff
answered 9 years ago

I have checked the code on our demo and it’s my confusion :), you can add the following code to the your style.css file:

@media (min-width: 1200px ){

 #page {
 max-width: 1227px !important;

 }

 .container {

 width: 1225px;

 }

 .site-content .content-inner .row .col-lg-9 {

 width: 885px;

 }

 .site-content > .content-inner > .row > .col-lg-3 {

 width: 340px;

 }

 .content-inner:before {

 left: 885px;

 }

}