A Mysterious White Box Over Titles on my Homepage

• 

  imveryape · Member · Aug 2, 2016 at 6:39 pm

  • Copy link
  • Add topic to favorites

  Hi Everyone,

  When trying to change a mistake somebody made on the “colors and backgrounds” section of “customize” I somehow managed to do two weird things. 1 – I ended up with a white box around the title and menu on my homepage, it was always just the picture as the entire background of the screen (with a grey box around the menu). And 2 – I ended up with a wider column on my pages for content. I have no idea how this happened, so I can’t undo it. I am wondering if anyone can help me fix it.

  Thanks,

  Chris

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

• 

  hallluke · Member · Aug 2, 2016 at 9:14 pm

  • Copy link

  Hi Chris, it looks like the white box issue was introduced when you changed the background colour. You can either try changing it back to the default and see if that helps or just overwrite the newly introduced CSS yourself with something like:

  #container {
  	background-color: transparent;
  	background-image: none;
  	padding: 0;
  }

  I can’t see what your site was before so it’s hard to tell if that fixes the issue.

• 

  imveryape · Member · Aug 2, 2016 at 9:38 pm

  • Copy link

  I think that might work. How do I make sure it’s only working for the home page?

  Oh, and thank you so much for responding!

• 

  hallluke · Member · Aug 2, 2016 at 10:14 pm

  • Copy link

  It’s just negating the CSS that the customiser is including when you change the colours so it should be fine as is. If you really want to limit it to just the home page use this instead:

  body.home #container {
  	background-color: transparent;
  	background-image: none;
  	padding: 0;
  }

• 

  imveryape · Member · Aug 3, 2016 at 1:36 am

  • Copy link

  Thank you very much! That fixed the homepage issue. Any idea what could have been causing the white column on the rest of the pages (where the content goes) to widen?

• 

  hallluke · Member · Aug 3, 2016 at 7:23 am

  • Copy link

  No idea, you’ve already got a lot of custom CSS to work through, the best thing I can suggest is to explicitly reduce the main section padding on all pages:

  #container {
  	padding: 0;
  }

  You can set it to something other than 0, the default is 100px on the sides.