Distinguishing Between Headers

• 

  henryws · Member · Nov 4, 2013 at 11:44 pm

  • Copy link
  • Add topic to favorites

  I’d like to have a large title header but small post headers with a different font in the Chateau theme, but I can’t seem to vary just one. Any suggestions? I know very very little CSS.

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

• 

  thesacredpath · Member · Nov 5, 2013 at 7:38 pm

  • Copy link

  Hi, this will let you adjust the post title sizes. The second two rules space out the date to the left of the post titles so they are not overlapping each other.

  .wf-active .post-title h1 {
      font-size: 3.5em;
  }
  .post-date strong {
      line-height: 80px;
  }
  .post-date span {
      line-height: 50px;
  }

  I’ll also offer this, which puts a slight grey transparent background to your images. You have a beautiful background image, but it is making text a little difficult to read. The last number, the 0.4, is the transparency. 1 would be completely opaque. The first three numbers are the RGB color values (black in this case).

  .post {
      background: rgba(0, 0, 0, 0.4);
  }

• 

  henryws · Member · Nov 5, 2013 at 11:01 pm

  • Copy link

  That worked perfectly, thanks for the promptness!

• 

  thesacredpath · Member · Nov 7, 2013 at 7:44 pm

  • Copy link

  You are welcome.