Removing line and changing font color in header

• 

  barrygcooper · Member · Jun 20, 2014 at 9:58 pm

  • Copy link
  • Add topic to favorites

  Hey all,

  I’ve tried changing various codes, but nada. How would I remove the short grey line in the black title block at the top of the page? And how would I make the “Barry Cooper” bit white?

  Sorry, I’m sure this is probably basic. I’m stuck. Again :)

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

• 

  reticent · Member · Jun 20, 2014 at 10:04 pm

  • Copy link

  How familiar are you with CSS? Do you have the ability to edit custom CSS in your account? If you can’t edit/create custom CSS on your site, I’m not sure there’s anything we can tell you to help.

• 

  barrygcooper · Member · Jun 20, 2014 at 10:05 pm

  • Copy link

  Yes. I can edit the custom CSS. It’s working out what to type in there that’s the issue :)

• 

  reticent · Member · Jun 20, 2014 at 10:15 pm

  • Copy link

  OK! I just wanted to check to be sure. :)

  To remove the line, try removing the background property from the .site-description:before class. Just delete (or comment out) that line.

  To change the color of your name, change the .site-title a, .site-description class color to whatever you want it to be.

  Give that a go and let me know if it works.

• 

  barrygcooper · Member · Jun 21, 2014 at 7:58 am

  • Copy link

  Brilliant. The line’s gone.

  For the font color change, I tried this:

  .site-title a {
   color: #ffffff;
  	}
  
  .site-description {
   color: #ffffff;
  }

  …but no joy. What am I doing wrong?

• 

  reticent · Member · Jun 21, 2014 at 6:16 pm

  • Copy link

  What happens if you only change site-description, but leave site-title aalone?

• 

  designsimply · Member · Jun 23, 2014 at 2:48 pm

  • Copy link

  The color of the “Barry Cooper” text in the site description is in fact set to white, however, it looks gray because the opacity is about 60%. Try adding this to turn the opacity back up to 100%:

  .site-description {
  	opacity: 1;
  }

• 

  barrygcooper · Member · Jun 23, 2014 at 5:30 pm

  • Copy link

  Perfect! Thank you designsimply.

  I didn’t understand the opacity command – another thing I’ve learned today.

• 

  designsimply · Member · Jun 23, 2014 at 6:59 pm

  • Copy link

  This was actually a tricky one :) I didn’t think of opacity at first when I saw it! lol