Separating Title & Description Color

• 

  writingmylegacy94 · Member · May 16, 2014 at 10:02 pm

  • Copy link
  • Add topic to favorites

  Let’s see if I can explain this as best as I can. I would like to make my blog’s title color different from its description color. I’m extremely new to CSS, but from what I understand, it seems as though the color for the title and description are connected:

  }
  #site-title a, #site-description {
  color: #000000 !important;}
  </style>

  Is there anyway I can split this coding up, so that I can make the site description a different color from the site title?

  I hope that made sense to someone. :)

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

• 

  timethief · Member · May 16, 2014 at 10:04 pm

  • Copy link

  CSS editing is theme specific editing. Your blog is private an no Volunteers can view it and assist you.

• 

  writingmylegacy94 · Member · May 16, 2014 at 10:08 pm

  • Copy link

  Sorry about that. I didn’t realize my blog was set to private. Okay, I think you should be able to see it now.

• 

  timethief · Member · May 16, 2014 at 10:11 pm

  • Copy link

  Thanks. I see that you are using the Bouquet theme. I don’t help with CSS editing but I wanted you to know the foregoing in advance of other Volunteers who do help logging in.

• 

  thesacredpath · Member · May 17, 2014 at 3:02 am

  • Copy link

  Hi there, yes you can split them up and assign separate colors. If you look at that code you have, there is a comma. The part before the comma is for the site title and the part after is for the site description. You can make two separate rules and set the color independently like this. (Pardon the obnoxious demo colors I used.)

  #site-title a {
  color: #22cc00;
  }

  #site-description {
  color: #aa00cc;
  }`

• 

  writingmylegacy94 · Member · May 17, 2014 at 4:19 am

  • Copy link

  Thank you so much. That was very helpful.

• 

  thesacredpath · Member · May 17, 2014 at 2:30 pm

  • Copy link

  You are welcome.