CSS in Ambiru

• 

  fandei · Member · Sep 22, 2009 at 3:04 am

  • Copy link
  • Add topic to favorites

  I selected Ambiru because I want a single-column blog, but very simple. The way ambiru is shown prior to activating, it has a wide main column, which is exactly what I want for mine. I can only change it via CSS, but I’m new to CSS. I played around a bit, and was able to make it wider, but then the header and other parts were out of place. Can anyone help me? footballandeducation.org

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

• 

  thesacredpath · Member · Sep 22, 2009 at 3:22 am

  • Copy link

  Change the width in all the following all by the same amount:

  #wrap
  #content
  #nav
  #header
  #sidebar

• 

  thesacredpath · Member · Sep 22, 2009 at 3:34 am

  • Copy link

  You will have to create a new header and make it 500px + the increase in width and replace the URL of the existing header image with the URL of the new uploaded header image (upload to media library).

  #header {
  background:transparent url(YOUR NEW HEADER URL HERE) no-repeat scroll 0 0;
  }

• 

  fandei · Member · Sep 22, 2009 at 5:24 am

  • Copy link

  Thank you very much. I played around enough, I got it pretty much how I want it.

  But I have another question: how do I get rid of the box at the bottom “categories and archives”?

• 

  thesacredpath · Member · Sep 22, 2009 at 5:28 am

  • Copy link

  Add display:none; to the #sidebar section.

• 

  fandei · Member · Sep 22, 2009 at 7:13 pm

  • Copy link

  I got most of it to go away, but there’s still just a little box. I can’t seem to find in the style sheet where to change the code for what’s left of the box.

  Thanks again!

• 

  devblog · Member · Sep 22, 2009 at 9:19 pm

  • Copy link

  If you use Firefox, I’d recommend you downloading Aardvark. This is an add-on that helps you identify elements in a web page and what id/classes they have which can be helpful to add/modify the appropriate CSS selectors

• 

  thesacredpath · Member · Sep 22, 2009 at 9:45 pm

  • Copy link

  @fandel, add the following to your CSS:

  #sidebar {
  display:none;
  }

• 

  fandei · Member · Sep 23, 2009 at 8:16 pm

  • Copy link

  Perfect. Thanks.