Under the Influence questions

• 

  wildflwr · Member · Feb 15, 2012 at 12:50 am

  • Copy link
  • Add topic to favorites

  Hello – I am trying out Under the Influence and have a couple q’s:

  1. I changed the site width to 860 – is it possible to change the header and footer width too? Looks odd if they are larger…

  2. Is it possible to remove the tiny dot pattern above and below the header?

  3. Is it possible to make the Page tabs stand out more, black background and white letters for example? Or just capitals in a black font? Bigger tabs?

  4. Is it possible to remove the footer section entirely? Or at least make it only 1 column?

  Thanks for any help!

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

• 

  designsimply · Member · Feb 15, 2012 at 5:19 pm

  • Copy link

  1. I changed the site width to 860 – is it possible to change the header and footer width too? Looks odd if they are larger…

  Looks like you already figured out how to make the footer 860px. Start with this to adjust the header and top menu:

  #header {
    background: url(http://wildflwr.files.wordpress.com/2012/02/cropped-wildflwr-header2-940x198.jpg?w=860) no-repeat center;
    width: 860px;
    height: 157px;
    padding: 0;
  }
  #header h1 a {
    width: 860px;
  }
  #navigation ul.menu {
    width: 860px;
  }

  Adjust the numbers or image URL as needed.

• 

  designsimply · Member · Feb 15, 2012 at 5:25 pm

  • Copy link

  2. Is it possible to remove the tiny dot pattern above and below the header?

  This will remove the dots from the header, but it also removed it from a bunch of other places too:

  .ornament {
    background: none;
  }

  This will remove the dots from the top navigation menu:

  #navigation {
    background: none;
  }

• 

  designsimply · Member · Feb 15, 2012 at 6:30 pm

  • Copy link

  3. Is it possible to make the Page tabs stand out more, black background and white letters for example?

  To make the top navigation items in the Under the Influence theme black with white letters, try this:

  #navigation ul li {
    background: black;
  }
  #navigation ul li a, .navigation, .navigation a {
    color: white;
  }

• 

  designsimply · Member · Feb 15, 2012 at 6:30 pm

  • Copy link

  Or just capitals in a black font?

  #navigation ul li a, .navigation, .navigation a {
  color: black;
  text-transform: uppercase;
  }

• 

  designsimply · Member · Feb 15, 2012 at 6:30 pm

  • Copy link

  Bigger tabs?

  #navigation {
    height: 35px;
  }
  #navigation ul li {
    padding: 5px;
  }

• 

  designsimply · Member · Feb 15, 2012 at 6:33 pm

  • Copy link

  4. Is it possible to remove the footer section entirely? Or at least make it only 1 column?

  WordPress.com requires that you keep the footer credits, but you an adjust how the footer looks. I wouldn’t make them into one column, depending on which widgets you decide on using in the end, because some don’t really work well in a large width. The calendar widget is one example. Try this out:

  #footer .cell {
    width: 100%;
  }

• 

  wildflwr · Member · Feb 15, 2012 at 7:03 pm

  • Copy link

  Thank you so much for your help! It all worked out great!

• 

  designsimply · Member · Feb 15, 2012 at 7:04 pm

  • Copy link

  Yay! Cheers :)