need code to make blog width wider.. any help muchly appreciated

isadorathinks · Member · Oct 29, 2014 at 2:09 pm
Copy link

Add topic to favorites
How to I make the width of my blog wider? is anyone able to send me the coding for it? I basically want to have ”less white” either sides..
thank you!!!! :))

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 29, 2014 at 3:29 pm
Copy link
Hi there, on Autofocus, the image sizes on the main page figured out and set by the theme php script files so that they fit together in the grid, so although we can make the theme wider, the theme will still be sizing the images for the original theme width. You can add the following CSS and see what happens. It makes everything 1200px wide instead of 800. Notice how all the grid goes awry. There isn’t a way to fix this with CSS alone.
```
#container, #content, #header-image, #header-wrapper, #footer {
    width: 1200px;
}
```
nizamilputra · Member · Oct 29, 2014 at 3:32 pm
Copy link
Hi there,

I’ll try to help you , but I’m not sure about the featured image. But lets try with this css;
```
#container,
#content,
#header-image{
   width: 1200px; //you can adjust width value here
}

#header-image{
   background-position: center;
}
```
nizamilputra · Member · Oct 29, 2014 at 3:37 pm
Copy link
Follow @thesacredpath instruction to adjust the width. I forget to include some selectors.
It’s also important to adjust your header background center.
thesacredpath · Member · Oct 30, 2014 at 4:04 am
Copy link
@nizamilputra, many thanks for catching the header image centering. Your help in the forums is much appreciated.
nizamilputra · Member · Oct 30, 2014 at 4:28 am
Copy link
@thesacredpath, my pleasure Richard! I love to help somebody here, especially for css problems :)
thesacredpath · Member · Oct 30, 2014 at 1:33 pm
Copy link
@nizamilputra, it’s a lot of fun, isn’t it, and it is always great to share knowledge. :)
nizamilputra · Member · Oct 30, 2014 at 3:17 pm
Copy link
@thesacredpath, Yes, it’s absolutely fun! Actually you are inspiring me Richard. :)
isadorathinks · Member · Nov 2, 2014 at 1:23 pm
Copy link
@thesacredpath @nizamilputra thanks both so so much, I wil try fiddle around, may need some more help though
isadorathinks · Member · Nov 2, 2014 at 1:30 pm
Copy link
if you both look at my blog you’ll see that not all photos /posts are stretched.. is there anyway i can fix this ? thank you
thesacredpath · Member · Nov 2, 2014 at 6:36 pm
Copy link
The size of the photos on the main page is determine by the theme PHP script files so that they will all fit together correctly in the mosaic, and in the position that the photo is going to be within that mosaic. In other words, that isn’t something that can be changed with CSS.

Also, the mosaic is set to use a certain number of images across in each row, and widening or narrowing the overall width of the site can mean that the last image on a row might be bumped down to the next row leaving a white space.

You currently have two width rules in your CSS that are in conflict (the first two). One thing I will throw out there is that there are few on the web that have monitors wider than 1500px, and for those that do, they seldom have their browser set at a width anywhere close to the full width of their monitor. I have a 2560px wide monitor, but my browser windows are typically set at about 1100 to 1200px in width.

On Autofocus, I would suggest against changing the width of the site since there isn’t a way to do that cleanly.

No items found.