Widen the Opti theme

  • Author
  • #3025905


    How would I widen the Opti theme? I tired a few CSS tricks but they didn’t work. If I widen it I would need to also be able to control the width of the widget area on the right right and featured posts area on the left as well. I would also have to center the header image after widening the whole page.



    The blog I need help with is asweetdoseofreality.com.



    Hi truthseekerblogger2015

    How wide are you wanting to make the page?

    To make the main section wider:

    .wrapper {
        max-width: 1300px;
    .row {
        max-width: 98%;

    To centre the header image:

    a#header-image {
        text-align: center;

    Let me know if you need any further help with this.



    I wanted to just bump a bit to possibly 1160 or 1200 basically to widen the text area in articles.

    I notice when I use your code all of the category tabs on top get pinned all the way to the left of the page.

    Thank you.



    You can change the max-width value in the code above:

    .wrapper {
        max-width: 1200px;

    If the category tabs are a problem, add the custom CSS to the site and I’ll have a look at them for you.


    Thanks, I’ll give it a try.


    I’m going to mark this as resolved, but if you have any further questions on this issue, feel free to post back here into this thread.

The topic ‘Widen the Opti theme’ is closed to new replies.