Title: Width issues for content-sidebar
Last modified: August 21, 2016

---

# Width issues for content-sidebar

 *  [tadonaghue](https://wordpress.org/support/users/tadonaghue/)
 * (@tadonaghue)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/width-issues-for-content-sidebar/)
 * I changed the width of the content for my site, which is mostly just content 
   pages, but I added a blog page, and now the content-sidebar page is not fitting…
   How can I change the size of the page so that it will include the sidebar widgets?
   I’d like to make the blog posts narrower.
    [http://www.taradonaghue.com/blog/](http://www.taradonaghue.com/blog/)

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

 *  [.](https://wordpress.org/support/users/techievous/)
 * (@techievous)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/width-issues-for-content-sidebar/#post-5151722)
 * This one is for the content width:
 *     ```
       .content {
           width: 668px; /* main content width */
       }
       ```
   
 * And this one is for the sidebar width:
 *     ```
       .sidebar-primary {
           width: 320px; /* sidebar width */
       }
       ```
   
 * You can use only one or use both, depending on your needs.
 * —-
 * Edit: By the way, as of right now, on your main navigation bar, your writing,
   blog, and contact link to nowhere.
 *  Thread Starter [tadonaghue](https://wordpress.org/support/users/tadonaghue/)
 * (@tadonaghue)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/width-issues-for-content-sidebar/#post-5151731)
 * This is what I see… Would you mind looking at the code and telling me what exactly
   I need to change?
    /* Content */
 * .content {
    width: 740px; }
 * .content-sidebar .content,
    .content-sidebar-sidebar .content, .sidebar-content-
   sidebar .content { float: left; }
 * .content-sidebar-sidebar .content,
    .sidebar-content-sidebar .content, .sidebar-
   sidebar-content .content { width: 420px;
 * Also… my next question was going to be about the links not working. I don’t know
   how this happened, but how do I fix it?
    Thanks for the help!
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 8 months ago](https://wordpress.org/support/topic/width-issues-for-content-sidebar/#post-5151740)
 * If you’re not using a Child Theme, and if the theme doesn’t have a designated
   section of the dashboard for CSS modifications then install this Custom CSS Manager
   plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin)
 * Then use its “CSS Code” [section of the dashboard](http://wordpress.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=704634)
   to hold your CSS modifications.
 * _Alternatively use your Child Theme style.css file to hold your CSS modifications._
 *  [.](https://wordpress.org/support/users/techievous/)
 * (@techievous)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/width-issues-for-content-sidebar/#post-5151749)
 * I’m seeing that you’re using Modern Blogger Pro, a premium theme from prettydarncute.
   com. I’ll have to direct you to contact them for further support at this point
   [https://prettydarncute.com/pre-made-theme-support/](https://prettydarncute.com/pre-made-theme-support/)
 * I’m very sorry but this forum discourages us from supporting premium themes 🙁
   
   [http://codex.wordpress.org/Forum_Welcome#Commercial_Products](http://codex.wordpress.org/Forum_Welcome#Commercial_Products)
 * > In order to be good stewards of the WordPress community, and encourage innovation
   > and progress, we feel it’s important to direct people to those official locations.
 * —————–
 * I’ll just finished what I’ve started: You don’t want to change anything in the
   default codes because you would lose those changes when the theme update. You
   want to add to the default CSS, not changing it.
 * If your theme support custom CSS, you can copy-paste the code into there. I don’t
   have access to the theme so I can’t tell.
 * If your theme doesn’t support custom CSS out of hte box, you can create a child
   theme and copy-paste codes to the bottom of your child theme’s style.css. Instructions
   here: [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes)
 * If you’re unable to setup a child theme, then you can use plugins like [Jetpack](http://wordpress.org/plugins/jetpack/)(
   an official plugin from WordPress) or [Simple Custom CSS](https://wordpress.org/plugins/simple-custom-css/).
    - For Jetpack, you’ll need to install and configured it; then activate the custom
      CSS module. Afterward, you can copy-paste the codes into the custom CSS box
      in Appearance –> Edit CSS.
    - For Simple Custom CSS, you can find the custom CSS box to paste the code in
      Appearance –> Custom CSS.
 * ——
 * As for your navigation bar, are you adding your links through Appearance –> Menus?
   It should work through there if you’ve setup a default location for the main 
   menu.

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

The topic ‘Width issues for content-sidebar’ is closed to new replies.

 * 4 replies
 * 3 participants
 * Last reply from: [.](https://wordpress.org/support/users/techievous/)
 * Last activity: [11 years, 8 months ago](https://wordpress.org/support/topic/width-issues-for-content-sidebar/#post-5151749)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics