Change site title font size; change alignment of page title

• 

  carrieandchris2014 · Member · Apr 8, 2014 at 1:43 am

  • Copy link
  • Add topic to favorites

  Two quick questions:

  1. I’d like to make the site title of my blog larger.

  2. I’d like the page titles to align on the left with the text.

  They seem like easy fixes, but I don’t know CSS at all.

  My blog, using Ryu theme, is here: http://carrieandchris2014.com/

  Thanks much.

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

• 

  thesacredpath · Member · Apr 8, 2014 at 3:17 pm

  • Copy link

  Hi there, I see you have #1 taken care of. #2 is a little complicated and requires a number of media queries to keep the title for the pages aligned with the content at all browser window/screen widths. I’m working on that for you now.

• 

  thesacredpath · Member · Apr 8, 2014 at 6:38 pm

  • Copy link

  For number 2, I was making this too difficult, but finally came back to KISS (keep it simple…). Add the following to make the page titles align with the content at all browser/device widths. The last rule hides the “edit” link that only you will see when logged in since it was overlaying onto the content with the following change.

  @media screen and (min-width: 889px) and (max-width: 1319px) {
      .entry-title {
          max-width: 548px;
          width: 100%;
          margin-left: auto;
          margin-right: auto;
      }
  }
  @media screen and (min-width: 1320px) {
      .entry-title {
          max-width: 696px;
          width: 100%;
          margin-left: auto;
          margin-right: auto;
      }
  }
  .entry-meta {
      visibility  : hidden;
  }

• 

  carrieandchris2014 · Member · Apr 9, 2014 at 2:39 pm

  • Copy link

  Excellent. Thanks very much. I really appreciate it.

• 

  thesacredpath · Member · Apr 9, 2014 at 7:12 pm

  • Copy link

  You are welcome.