WordPress.org

1. JustBlog
   Member
   Posted 4 years ago #

   Hi, I'm using Cutline Theme from http://cutline.tubetorial.com/ but the site width is 970 instead of 770 as shown in the above URL.

   Can someone please teach me how to adjust that to 770?

   Thanks!

2. kjetilgf
   Member
   Posted 4 years ago #

   If I understand you correctly, you just have to change line 94 and 96 in Cutline's style.css file from 'width: 770px' to 'width: 970px'.
   Probably you also would change line 98 from 500 to 700 (adding those 200 px you just added to the container).
   Remember to use a text editor like Notepad or Textwrangler - that doesn't mess up things with code by them selves.
   Hope that's what you're asking for
   Kjetil

3. JustBlog
   Member
   Posted 4 years ago #

   Hi KJ,

   How you define line 94, 96 and ect? What editor you're using?

   Do you mean in #container of style.css?

   Thanks.

4. kjetilgf
   Member
   Posted 4 years ago #

   I use Textwrangler (possibly just for Mac) - but I believe you can turn on "View Line numbers" or something like that.
   If you don't find that, just search for '#container'
   - quite quick I think these changes should work:
   '
   #container { width: 970px; margin: 15px auto 0 auto; }
   #content_box { width: 970px; text-align: left; float: left; clear: both; }
   #content { width: 700px; padding: 0 40px 0 0; float: left; }
   #sidebar { width: 230px; float: left; }
   #footer { width: 970px; padding: 1.2em 0 0 0; border-top: 2px solid #ccc; float: left; clear: both; }
   '
   haven't tested it, but at least I believe its the right track. Note I've also changed the footer width.
   Kjetil

5. JustBlog
   Member
   Posted 4 years ago #

   Hi KJ,

   That doesn't work but thanks for your help. I think I can stick to the same width.

Topic Closed

This topic has been closed to new replies.