Header size suits theme

• 

  justpi · Member · Jan 26, 2014 at 10:58 pm

  • Copy link

  a) Your “officialheaderpic” is 960px wide. As I said in my previous reply, if you want a wider image you need to create a wider image.

  b) The header image on the site you linked to is 1600px wide. It’s set incorrectly, but anyway its width is fixed so I’m not sure if you see all of it or part of it. What’s your screen resolution?

  c) You get a reply when someone who can ask your question drops by. Bumping doesn’t help you get a reply faster – quite the contrary, in fact.

• 

  theblackcape · Member · Jan 27, 2014 at 12:33 am

  • Copy link

  Hi, ok shall I do the header pic 1600 wide then? no idea what resolution I have, could this be it? Intel HD Graphics 5000 1024 MB-graphic, 13-tum (1440 x 900)
  Thanks for getting back to me

• 

  theblackcape · Member · Jan 27, 2014 at 12:37 am

  • Copy link

  Here my header pic in 1600px wide http://theblackcape.files.wordpress.com/2014/01/officialheaderpic1.jpg

  also I fixed the width on the other posts just need help with the header

• 

  justpi · Member · Jan 28, 2014 at 1:00 am

  • Copy link

  Add this:

  .site-header {
  background: url("http://theblackcape.files.wordpress.com/2014/01/officialheaderpic1.jpg") no-repeat scroll 0 0 transparent;
  background-size: 100% auto;
  }
  @media only screen and (max-width: 1024px) {
  .site-header .home-link {
  min-height: 600px;
  }
  }
  @media only screen and (max-width: 868px) {
  .site-header .home-link {
  min-height: 520px;
  }
  }
  @media only screen and (max-width: 768px) {
  .site-header .home-link {
  min-height: 450px;
  }
  }
  @media only screen and (max-width: 480px) {
  .site-header .home-link {
  min-height: 290px;
  }
  }

• 

  webswriter · Member · Feb 5, 2014 at 8:49 pm

  • Copy link

  Hi, I’m also using the suits theme on WordPress. How do i change the size of the tagline text?

  I’m a novice when it comes to CSS, so any help would be appreciated.

  http://rivetermagazine.wordpress.com/

• 

  designsimply · Member · Feb 5, 2014 at 9:26 pm

  • Copy link

  @webswriter, you can adjust the font size for the tagline in the Suits theme by adding the following CSS to your Appearance > Customize > CSS editor:

  .site-description {
  	font-size: 2em;
  }

  Adjust the 2em value as needed.

  If you don’t have the Custom Design upgrade, you can still test out custom CSS by going to Appearance > Customize > Custom Design and clicking the “Try Now” button and then clicking the CSS item in the blue menu on the right.

  For future help requests, could you add them in a separate post instead of adding on to old ones? It helps things stay organized and it helps if you want to search back through old topics later (makes it easier to find stuff).

  Cheers!