width css

[mmnmbk]

Having hard time to change width for responsive theme.
It can be changed without perfect responsive. What am I doing wrong? Below is child theme style.css

#container

.sidebar_layout-inner{
max-width: 1280px!important;
border: 0px solid blue!important;
margin-left:-108px!important;
}

.access-content{
width: 1280px!important;
border: 0px solid blue!important;
margin-left:-108px!important;
}
.access-inner{
background: url(../images/style/light/menu-divider.png) left 0 no-repeat;
}

.slide-title{
line-height:70%!important;
border: 0px solid blue!important;
}

.layout_stretch #top #header_content,
.layout_stretch #access .access-inner,
.layout_stretch #featured .featured-content,
.layout_stretch #main .main-top .widget,
.layout_stretch #main #breadcrumbs .breadcrumbs-inner,
.layout_stretch #main #sidebar_layout,
.layout_stretch #main .main-bottom .widget,
.layout_stretch #featured_below .featured_below-content,
.layout_stretch #bottom #colophon, .copyright {
margin: 0 auto;
width: 1280px!important;
border: 0px solid blue!important;

}

#footer_sub_content .footer_sub_content-content {
max-width: 1280px;
}
.breadcrumb, .footer_content-content{
font-size:100%!important;
}

.widget_adrotate_widgets, .widget_text_icl{
border: 0px solid blue!important;
}

Topic

[Jason Bobich]

Hi,

Your CSS for changing the width is sort of all over the place. You’re targeting all kinds of various things and using !important to try and change the width, and thus, this is effecting everything going down to mobile that the theme is trying to do; you’re also applying random widths to things the theme doesn’t.

What do you have currently set in your theme options for the Layout Style? Boxed or Stretch?

[Author]

Replies