Novice needing help

• 

  nenuphars · Member · Apr 1, 2012 at 9:32 am

  • Copy link
  • Add topic to favorites

  How do I change the width of my page? so that parts of images don’t get cut off. A complete novice to all of this so some help would be much appreciated.
  How do I make the images a fixed width? so that all appear the same width without losing their quality of the sides cut out?
  Help

  The blog I need help with is: (visible only to logged in users)

• 

  raincoaster · Member · Apr 1, 2012 at 10:14 am

  • Copy link

  Complete novices are not advised to purchase the CSS upgrade. If you do, you can study the resources listed at the top of the forum in the sticky thread so that you understand how to make these changes.

  The only way to make all images a fixed width is to upload them at the same width.

• 

  timethief · Member · Apr 1, 2012 at 6:45 pm

  • Copy link

  If your images are “getting cut off” the problem could be that you are not optimising and pre-sizing the images to “fit” into the spaces prior to uploading them.
  Triton Lite theme description > http://theme.wordpress.com/themes/triton-lite/

• 

  designsimply · Member · Apr 3, 2012 at 2:14 pm

  • Copy link

  Here is an example of changing the Forever theme so it is wider, including showing how to change the header image to fit the new width. In this example, it would work best to use a header image that is 1114 x 250 pixels uploaded to your media library and then replace the value in url() with the image URL of your uploaded image.

  #page {
  width: 1200px;
  }
  
  #conent {
  max-width: 700px;
  }
  
  #masthead a img {
  display: none;
  }
  
  #masthead a[rel=home] {
  display: block;
  background: url(http://crushedglass.files.wordpress.com/2012/04/cropped-blog-header-22.jpg);
  width: 1114px;
  height: 250px;
  }

  Note that this specific example is for a Forever theme without any other CSS changes already (i.e. if you removed all of your custom CSS and added this, it would work).

  I can help you with something more tailored your setup if you can provide a little more detail about what you’re trying to do. For example, are you trying to make the width of your page smaller or larger? Do you want to keep the sidebar or remove it or move it in some other way? Do you have an idea of the final width you’d like to use?

  Also, if possible, you should just add in the custom CSS changes to your Appearance → Custom Design → CSS page and not all of the original CSS from the theme. Just adding changes to that page makes it much, much easier to work with and debug your CSS later.