How to change type size and flush left

• 

  jangreco · Member · Dec 11, 2013 at 9:50 pm

  • Copy link

  okay, you’re right.

  so here it is as it currently stands. when i pasted in what you suggested earlier i lost my flush left styling and font sizes. can you give me the total novice, don’t need to change a thing css code to get the tagline to stick around?

  .wf-active #site-title {
  font-size: 63px;
  text-align: left;
  padding-top: 15px;
  }

  #page #site-title a {
  color: #C7C5C5;
  }

  .entry-title, .entry-title a {
  font-size: 28px;
  color: #b9b6b6;
  }

  #page {
  position: relative;
  }

  #site-description {
  border: none;
  font-weight: black !important;
  font-size: 32px;
  }

  #description {
  border: none !important;
  position: absolute;
  top: 128px;
  }

  .home #main {
  padding-top: -5px;
  }

• 

  justpi · Member · Dec 11, 2013 at 11:06 pm

  • Copy link

  Ok!
  Remove these:

  #page {
  position: relative;
  }
  
  #site-description {
  border: none;
  font-weight: black !important;
  font-size: 32px;
  }
  
  #description {
  border: none !important;
  position: absolute;
  top: 128px;
  }
  
  .home #main {
  padding-top: -5px;
  }

  and paste these:

  #site-title:after {
  color: #7C176B;
  content: "simple recipes + ramblings";
  display: block;
  font-size: 22px;
  }
  
  #description {
  display: none;
  }

  If there’s something you don’t like after you do this, we can always adjust it.

• 

  jangreco · Member · Dec 11, 2013 at 11:44 pm

  • Copy link

  you rock!

  the only little tweaks i’d like to make are to open up the letter spacing on the tagline a bit and move beets and blue cheese down a bit.

• 

  justpi · Member · Dec 12, 2013 at 12:07 am

  • Copy link

  1. Add this to #site-title:after and change the value till you get the result you prefer:
  letter-spacing: 0.07em;

  2. You mean increase the space above the title, or decrease the space between title and tagline, or both?

• 

  jangreco · Member · Dec 12, 2013 at 12:25 am

  • Copy link

  decrease the space between the title and tag.

• 

  justpi · Member · Dec 12, 2013 at 3:24 pm

  • Copy link

  Add this and decrease the value:

  #site-title {
  line-height: 1.212;
  }

• 

  jangreco · Member · Dec 12, 2013 at 5:45 pm

  • Copy link

  just pi— you’re amazing! thank you…

• 

  justpi · Member · Dec 12, 2013 at 7:28 pm

  • Copy link

  You’re welcome!