How to Widen WordPress Blog

  • I have looked at several threads regarding this and I’ve tried to do this myself but I’ve had no luck. My website is located at https://www.teen-babble.com and I’m trying to widen my blog. I’d like to widen the content page as well as the sidebar. I did learn from the other threads what I need to increase the #wrap, which I did and it did widen my content page a bit, but I need the words to widen along with it. Right now the white page that my content sits on widens out but the words on the page don’t extend with it. I also need to be able to widen my sidebar a bit in order to get a bigger ad in there for Adsense. I appreciate the help.

Viewing 3 replies - 1 through 3 (of 3 total)

  • @scartego

    You will need to play around with the width values of these CSS blocks below. For this block, delete padding and change value of width property:

    #inner {
margin: 0 auto;
overflow: hidden;
padding: 15px 0 0;
width: 1000px;
}

    Play around with the widths and paddings of these blocks:

    .content-sidebar #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap {
width: 1000px;
}
    .content-sidebar #content, .sidebar-content #content {
padding: 5px 10px 20px;
width: 700px;
}
    .sidebar {
background: #fffff;
display: inline;
float: right;
margin: 0 0 20px;
padding: 15px 15px 5px;
width: 250px;
}

    Please note that the values can’t just be arbitrary. The sum of the widths of #content-sidebar-wrap, #content and #sidebar would have to equal to the width of #inner. Since this site isn’t responsive, this is why we’re just assigning fixed values.

    Thread Starter scartego

    (@scartego)

    @jan Cavan Boulas

    What do you mean when you say that my site isn’t responsive? Is that a bad thing?

    @scartego

    It’s not exactly a “bad” thing, but it’s always better for your site to adapt to different devices for optimal viewing/reading experience.

    https://en.wikipedia.org/wiki/Responsive_web_design

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to Widen WordPress Blog’ is closed to new replies.