[Barb]

I am using catch box for a second website and really enjoy the flexibilty.
http://WWW.beachsidetraining.com. If you go to the site you will see that there is a background image. The width of the image area is too large and distracting in relation to the text box. Is there a way to change the visual?

[Mahesh]

@barb: You’re using one-column no sidebar layout so, the width of the content seem bit smaller. You can use other layouts i.e. sidebar-left or sidebar-right. Or if you prefer to use full-width with no sidebar layout, I recommend you to upgrade to pro version.
But if you want to change the view in free version itself, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

.one-column .site {
    width: 1000px;
}

@media screen and (max-width: 1024px) {
    .one-column .site {
        width: 960px;
    }
}

@media screen and (max-width: 990px) {
    .one-column .site {
        width: 910px;
    }
}

@media screen and (max-width: 960px) {
    .one-column .site {
        width: 720px;
    }
}

@media screen and (max-width: 767px) {
    .site, .one-column .site {
        width: 600px;
    }
}

@media screen and (max-width: 640px) {
    .site, .one-column .site {
        width: 460px;
    }
}

@media screen and (max-width: 479px) {
    .site, .one-column .site {
        width: 100%;
    }
}

Regards,
Mahesh

[Author]

Posts