White side bars

• 

  thezevster · Member · Jan 11, 2015 at 6:53 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’m trying to remove the white side bars on the specified blog. I am running the Illustratr theme. Any help would be greatly appreciated. Also, as the site loads in my browser, a white bar on the bottom flashes and then goes away.

  Zev

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

• 

  designsimply · Member · Jan 14, 2015 at 11:50 am

  • Copy link

  I checked http://zevaaron.com/ and I don’t see any white side bars on the home page. If you are still seeing that, can you tell me how to find them or if you have already resolved that issue on your own?

  The flash you’re seeing is the loading spinner built in to the Illustratr theme. I think you can remove it using the following CSS snippet:

  .css-transform #spinner {
  	display: none;
  }

  I found a few other problems with your custom CSS. First, when I look at the page source in the Chrome browser, I see something in the CSS that looks like this:

  ';
  	A
  }
  A           A    add_filter('admin_head, remove_admin_bar_style_backend');
  	A     A
  }
  A A
  A Aadd_filter('admin_head, remove_admin_bar_style_backend');
  	Afunction remove_admin_bar_style_frontend() {
  	A  echo '
  }

  It looks like you tried to add code that is not CSS to the CSS editor. Since that section is not properly formatted CSS, it will cause any CSS below it not to work. You should look through what is currently saved in your custom CSS and remove any parts of it that look fishy.

  I also noticed that you are hiding the footer credits using the following CSS:

  .site-footer {
  	display: none
  }

  It is part of our terms of service at WordPress.com that the footer credits should remain visible and readable. What you can do, however, is adjust the CSS to fit better with your new design. Here is an example that I think might work for you. Could you please make it so the footer credits appear again either using the CSS below or something similar? If you need help adjusting it further, let me know and I would be happy to help. Make sure you remove the other code from your CSS editor in order to get all of the CSS to work properly again.

  .site-info {
  	width: 100%;
  }
  
  .site-footer {
  	position: absolute;
  	bottom: 0px;
  	background: black;
  	color: gray;
  	font-size: 50%;
  	text-align: center;
  }

• 

  thezevster · Member · Jan 14, 2015 at 9:53 pm

  • Copy link

  Thank you!!!