Widen the Opti theme

• 

  truthseekerblogger2015 · Member · Sep 27, 2017 at 1:26 am

  • Copy link
  • Add topic to favorites

  Hi..again..

  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.

  Thanks.

  Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  g471n · Member · Sep 27, 2017 at 1:40 pm

  • Copy link

  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.

• 

  truthseekerblogger2015 · Member · Sep 27, 2017 at 4:21 pm

  • Copy link

  Hi,

  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.

• 

  g471n · Member · Sep 28, 2017 at 6:36 am

  • Copy link

  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.

• 

  truthseekerblogger2015 · Member · Sep 29, 2017 at 5:55 pm

  • Copy link

  Thanks, I’ll give it a try.

• 

  thesacredpath · Member · Oct 3, 2017 at 1:03 am

  • Copy link

  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.