change my Post Title and hover text default colors

• 

  winbiblecoach · Member · Jul 19, 2013 at 1:40 am

  • Copy link

  Ok, I’m Lost, thanks anyway, but the way those codes at CSS tutorial on selectors go over my head. This dosen’t help me.

• 

  designsimply · Member · Jul 22, 2013 at 9:02 pm

  • Copy link

  Sorry you’re lost! I really want this forum to be about learning and helping everyone to figure out CSS. :)

  Let’s step back to this:

  I would like to change my Post Title and hover text default colors, from blue and gold.

  I took another look at the Superhero theme, and it actually has CSS that’s a bit confusing to start with! The best way I found to update the title colors was to look at the theme’s original CSS file and search for “title.” Then I copied out all of the relevant selectors and created two lists. One list covers both main titles and sticky post titles and the other list includes any of those same selectors from the theme that have “:hover” anywhere in them.

  Here is the current CSS for the Superhero theme for reference:
  https://s1.wp.com/wp-content/themes/pub/superhero/style.css?m=1372281057g&minify=false

  Here’s a more solid example that should work more consistently. Make sure to remove all of the other title-related custom CSS you added before to change colors since you won’t need those anymore.

  h1.entry-title,
  h2.entry-title,
  .entry-title a,
  .sticky .entry-title,
  .sticky .entry-title a {
  	color: skyblue;
  }
  .hentry:hover .entry-title,
  .hentry:hover .entry-title a,
  .entry-title a:hover,
  .hentry:hover .entry-title a:hover,
  .sticky .entry-title a:hover {
  	color: goldenrod;
  }