CSS need Check – Google developers

• 

  odraregi · Member · Jun 4, 2015 at 2:38 pm

  • Copy link
  • Add topic to favorites

  Hi, i make same change on my CSS to costum the template graphic.
  I make a PageSpeed Insights on google developers and i have a low score because my CSS it not so “clean”.
  To modify my CSS used the forum support (write new topic and read old topic) and copy and paste.

  Somebody could check my CSS and tell me if it ok or where it need delete/change something?
  Actually the graphic template it complete, this is the finally look and the template used it SELA.

  All CSS code used:

  .widget_top-posts li, .widget_recent_comments td {
  	text-align: justify;
  }
  
  .widgets-list-layout .widgets-list-layout-blavatar {
  	max-width: 80px;
  }
  
  .widget {
  	background-color: #ecf0f1;
  	clear: both;
  	margin: 0 0 2.2em;
  	padding: 10px;
  }
  
  #secondary {
  	background-color: #ecf0f1;
  }
  
  .widget-title {
  	color: #e74c3c;
  	font-size: 14px;
  	font-weight: 500;
  	letter-spacing: .1em;
  	line-height: 2.6em;
  	text-transform: uppercase;
  }
  
  .entry-content a {
  	color: #cc0000;
  }
  
  .main-navigation {
  	border-top: 1px solid black;
  	border-bottom: 1px solid black;
  	background-color: rgb(255,255,255);
  }
  
  .main-navigation ul a {
  	color: black;
  }
  
  @media screen and (min-width: 1180px) {
  	#primary.content-area {
  		width: 600px;
  	}
  }
  
  @media screen and (min-width: 850px) {
  	#primary.content-area {
  		width: 70%;
  	}
  }
  
  @media screen and (min-width: 850px) {
  	.sidebar-widget-area {
  		width: 30%;
  	}
  }
  
  @media screen and (min-width: 1180px) {
  	.sidebar-widget-area {
  		width: 300px;
  	}
  }
  
  .front-widget-area .widget-title, .sidebar-widget-area .widget-title {
  	color: rgb(255,0,0);
  }
  
  .footer-widget-area {
  	background-color: #535353;
  }
  
  .main-navigation a:hover, .main-navigation ul > :hover > a, .main-navigation ul > .focus > a {
  	color: rgb(205,205,205);
  }
  
  .social-links ul a::before, .footer-widget-area button {
  	background-color: #e74c3c;
  }
  
  .social-links ul a:hover::before {
  	opacity: .75;
  }
  
  #secondary {
  	border: 1px solid white;
  }
  
  .main-navigation ul ul a {
  	color: blue;
  	padding: .5em 0;
  }

  Thank you very much

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

• 

  thesacredpath · Member · Jun 5, 2015 at 4:07 pm

  • Copy link

  Google is going through a lot of changes when it comes to what they are reporting on. I’ve looked through all of your custom CSS and see absolutely nothing that should cause any issues. It is clean and the changes you have made are pretty simple ones.

  I wouldn’t worry about it.

  [Aside: trying to keep up with Googles changes lately has been more than a full-time job. :) ]