Support » Themes and Templates » How to widens the content area and the text area?

  • Hello,
    I use the Coffedesk theme and I want to widens a little the content area, in order to read more text on a row. I see here [link is NSFW] the best fit for the text area, but I can’t contact the website admin.

    Can somebody give me an advice about how to make my content area like in this example?

    I’m not a master of html/css but I have the skils to make some simple changes.

    The style.css file is here.

    Thank you,

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi Iyvyoo,

    You can expand the width of your content area by increasing the width in this part of the style sheet:

    container {
        background: url("images/bg_container_top.jpg") no-repeat scroll center top transparent;
        padding: 0 0 16px;
        position: relative;
        width: 1000px;

    However, since the image is set to 1000px, this will not look the way you probably want it to.

    I looked at the theme as well as the example site you linked to using the Firebug extension with Firefox. It looks like on the example site that they took the background image for the container and spliced it up so that they could expand the width and use the pieces of the original image. I would recommend taking a look at their style sheet and using the Firebug extension to pinpoint each part of the site so you can see what CSS controls the different parts of the site.

    Also, before you make changes to the theme, make sure you are using a Child Theme so future updates to the theme do not overwrite your changes.

    Hope this helps!

    Thank you ChristiNi,

    So, my next idea is to eliminate the sidebar 2 and move the sidebar 1 (with the brown color) at right. In this way I obtain more space on the content area. But is a hard work… I will try!

    My browser is Opera and I have a built in developer tool (dragon fly) so I can view the site details but I can download the widens content area that I want to create on my new website. I think is impossible…

    Hi lyvyoo,

    In the sidebar.php file for this theme, you should see two sidebar divs (sidebar1 and sidebar2) inside of the main sidebar div. You can create a new template file in the Child Theme and remove the code for the sidebar you want eliminate:

    http://codex.wordpress.org/Child_Themes#Template_files

    Hope this helps!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to widens the content area and the text area?’ is closed to new replies.