Can I join my header onto my body, And also ammend the footer in Fanwood Light?

• 

  bigcomicpage · Member · Dec 21, 2013 at 5:09 pm

  • Copy link
  • Add topic to favorites

  Hi there just upgraded to the instant customisation package. And looking to implement some CSS changes where possible.

  Firstly if you look at my blog you will see there is a gap between then body and header as standard with the FANWOOD LIGHT THEME. Can this be done using CSS customization?

  Secondly, I would like to amend the footer, I know WP rules state you can’t hide or delete the WP link or Theme credit and I’m not looking to do that. But it it possible to ad the name of the Blog and the year to the footer area additionally through CSS?

  I am somewhat of a layman aside from html and a little basic java script so speak to me as you would a child!

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

• 

  bigcomicpage · Member · Dec 21, 2013 at 5:12 pm

  • Copy link

  I meant can the gap be removed, So that the body joins the header?

  Sorry for not being clear.

• 

  thesacredpath · Member · Dec 22, 2013 at 12:21 am

  • Copy link

  Are you wanting the yellow band to go full-width of the browser window? If so, add the following CSS.

  #main-navigation {
      max-width: 100%;
  }
  .menu-menu-1-container {
      height: 40px;
      text-align: center;
  }
  .navigation-main ul {
      display: inline-block;
      float: none;
  }

• 

  bigcomicpage · Member · Dec 23, 2013 at 1:20 am

  • Copy link

  Hi sorry my post didn’t make much sense reading it back, I did a screencap where I outlined the area I meant. I just think it looks messy and the header should join.

  Have a look at the pic and tell me if I can fix it. Thanks again!

  The screencap.

• 

  designsimply · Member · Jan 6, 2014 at 7:32 pm

  • Copy link

  There’s a 10px gap below the header area that’s set by the theme. You can remove the 10px like this:

  #masthead {
  	margin-bottom: 0;
  }

  Does that solve the gap problem with the header?

• 

  designsimply · Member · Jan 6, 2014 at 7:33 pm

  • Copy link

  But it it possible to ad the name of the Blog and the year to the footer area additionally through CSS?

  You can add plain text using CSS. Here is an example:

  .site-info:after {
  	content: "hello, world";
  	display: block;
  }