WordPress.org

1. lyvyoo
   Member
   Posted 4 months ago #

   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,

2. ChristiNi
   Member
   Posted 4 months ago #

   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!

3. lyvyoo
   Member
   Posted 4 months ago #

   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...

4. ChristiNi
   Member
   Posted 4 months ago #

   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!

Reply

You must log in to post.