edit blog width

Hi there!

Do you mean make the entire site wider? Like this – Screenshot

If so, try this code snippet:

.container {
  width: 1380px;
}

.span-24, div.span-24 {
  width: 1375px;
}

.span-16 {
  width: 1050px;
}

.post {
  padding: 72px 0 4px;
}

#myGallery, #myGallerySet, #flickrGallery {
   width: 1055px;
}

You can paste this code in your child theme’s style.css or in a custom css plugin such as Simple Custom CSS.

I hope that helps!

Luke the Daft Duke

Thanks for your answer Sr, this how it looks after the modifications, It seems like it needs a little bit more improvements especially in the line of categories under the header

Your welcome. I’m not sure what you mean by ‘a little more improvements’. If you let me know what you are trying to achieve I’ll do my best to help you out.

if you take a look at my blog you’ll see categories “eat healthy” lose weight naturally” … not really beginning from the left and the black line under them overrun from the right

So you want to move the nav bar to the left?

If so,

#nav {
   margin: 0;
}

You can paste this code in your child theme’s style.css or in a custom css plugin such as Simple Custom CSS.

I don’t understand what ‘black line under them overrun from the right’ means – could you elaborate please.

there is a black line between categories and the slider, I’d like to adjust its margin from the right like I did with the categories thanks a lot Sr

Ok, I think I understand. Try this:

#navcontainer {
 width: 594px;
}

You can adjust the width value until it’s your desired length.

this is great… you’re awesome one more thing Sr if you don’t mind, I’d like to adjust the search box and the banner in the header

Adjust how, move them right?

yes Sr

Please adjust the margin value to your desired value:

#topsearch {
  margin-left:  119px;
}

.span-12 a img {
  margin-left:  85px;
}

it works for the banner and the box search but The logo has been moved ??

Yes, the second part was for the logo. What part are you referring to as the ‘banner’ ?

the 468*60 banner that is near the logo, it is adjusted now but, I would like that the logo remains on the right side

If you want the logo to be more on the right then adjust the left margin of this:

.span-12 a img {
  margin-left:  85px;
}

If you want it back on the left hand side simply remove that part of the code from your style.css file or custom css plugin.