modularity lite

• 

  historyitm · Member · Jun 13, 2013 at 6:57 am

  • Copy link
  • Add topic to favorites

  i have tried to move around the footer, but on the front page (blogroll) it is too far to the left – if i fix that then it is too far to the right on all the other pages. at the moment i am using this:
  #footer-wrap {
  width: 990px;
  margin: 0 0px;
  }
  if i make it into this
  #footer-wrap {
  width: 990px;
  margin: 0 90px;
  } it works on the front page but not the others.

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

• 

  timethief · Member · Jun 13, 2013 at 9:28 pm

  • Copy link

  This thread will be moved to the CSS Forum for you where you can get the help you need.

• 

  thesacredpath · Member · Jun 14, 2013 at 1:48 pm

  • Copy link

  Hi there,

  You didn’t explain exactly what you are wanting, so I’m going to take a little bit of a guess. To get everything to align vertically on the site, I would use auto left and right margins for all the parent elements. In #top, I’ve included a background declaration. Create a new 990px wide header image, upload it to your media library, get the URL of that image and replace URL OF IMAGE between the double quote marks. Give this a try and see what you think.

  #top {
  background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
  margin-left: auto;
  margin-top: auto;
  width: 990px;
  }
  
  #top div.main-nav {
  width: 100%;
  }
  
  .container {
  margin-left: auto;
  margin-right: auto;
  }
  
  #footer-wrap {
  margin-left: auto;
  margin-right: auto;
  width: 990px;
  }

  If this isn’t what you were looking for, please let me know and we will help you get there.

  PS. I love your background image.

• 

  historyitm · Member · Jun 16, 2013 at 1:26 pm

  • Copy link

  cool, thanks heaps!
  i have been learning very slowly how to change css things, and mostly by looking up different bits of code people have used – so i got myself a bit muddled. but using the auto margin is great – as now the parts all seem to align nicely, and fit different computer screen sizes – and it seems to have corrected whatever i did to make the ‘blog’ page align differently to the other pages. i am happy with the header as a slightly different size, but might think about using this code to make a different sized one in future.
  thanks again!!

• 

  thesacredpath · Member · Jun 16, 2013 at 4:07 pm

  • Copy link

  You are very welcome and do let us know if you have any further questions. (CSS is fun though, isn’t it?) :)