[deevd]

Hello from Russia 🙂

I was looking for a long time and bought Adventurous Pro Theme for my site. There are many settings in your theme and I like it.

But the widht of Content area is vary small for my site, only 860px.

I read a post about changing width of Content and Sidebar, but it is considered a different situation.
http://catchthemes.com/support-forum/topic/changing-the-width-of-content-and-sidebar/

I need to increase the width Content area without changing the width of Sidebar. Please help me with this problem.

For example, I want to increase the width Content area up to 1100px. What I need to wright in Custom CSS box?

Dmitry

[Sakin]

@deevd: You can add custom css as below in “Appearance => Customize => Theme Options => Custom CSS” box:

@media screen and (min-width: 1280px) {
    .container { width: 1220px; }
    #primary { width: 910px; }
}
@media screen and (min-width: 1344px) {
    .container { width: 1300px; }
    #primary { width: 910px; }
}
@media screen and (min-width: 1440px) {
    .container { width: 1400px; }
    #primary { width: 1010px; }
}
@media screen and (min-width: 1550px) {
    .container { width: 1490px; }
    #primary { width: 1100px; }
}

[deevd]

thank you!

[deevd]

Help me please with one more task.
I need to increase the width of Content area “No sidebar, Full Width” Layout Set from 1250px to 1400px.

[Sakin]

@deevd: It will be as below:

@media screen and (min-width: 1280px) {
    .no-sidebar-full-width .container { width: 1220px; }
    .no-sidebar-full-width #primary { width: 100%; }
}
@media screen and (min-width: 1344px) {
    .no-sidebar-full-width .container { width: 1300px; }
}
@media screen and (min-width: 1440px) {
    .no-sidebar-full-width .container { width: 1400px; }
}
@media screen and (min-width: 1550px) {
    .no-sidebar-full-width .container { width: 1490px; }
}

[deevd]

it works, thank you

[Author]

Posts