Alignment of Title and Logo

• 

  maryellentc · Member · Jun 23, 2015 at 8:35 pm

  • Copy link
  • Add topic to favorites

  Is there a way to do the following to my home page? (pnpi.org)

  – Left justify the title/header and sub header
  – Adjustment the placement of the logo? (ideally smaller to be placed before or after the title/header text)
  – Change the color of the title/header text?

  Thanks for any help!

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

• 

  thesacredpath · Member · Jun 23, 2015 at 10:26 pm

  • Copy link

  Hi, for the site title you can add this and edit the color as desired.

  .site-title a {
      color: #333333;
  }

  If you also wish to change the sub header color, you can add this

  .site-description {
      color: #333333;
  }

  For the logo, we can add it to the site title div as a background image. See what you think of this.

  .site-title {
      background: url('https://pnpidotorg.files.wordpress.com/2015/02/cropped-pnpi-e1434977181501.jpg?w=80') no-repeat scroll 0 0 transparent;
      padding-left: 90px;
      padding-top: 10px;
  }
  .site-logo-link, .site-logo {
      display: none;
  }

  The title and sub header is left aligned right now. Let me know if I misunderstood.

• 

  maryellentc · Member · Jun 24, 2015 at 12:30 am

  • Copy link

  thank you so much! i should have been more clear. i mean, i’d like the title and sub header to align with the black menu bar, if that makes sense. i will try these other customizations now. thanks again!!

• 

  thesacredpath · Member · Jun 24, 2015 at 12:52 am

  • Copy link

  Ah, no worries. add the following to align things with the menu bar on the left.

  .site-branding {
      padding-left: 0;
  }

• 

  maryellentc · Member · Jun 24, 2015 at 1:29 am

  • Copy link

  thank you!!!!!

• 

  thesacredpath · Member · Jun 24, 2015 at 3:42 am

  • Copy link

  You are welcome.