Change header background colour increase size of header image

• 

  alicemulhearn · Member · Oct 18, 2017 at 5:31 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I’m trying to do a couple of things with the header on my site, tothetable.co.uk and some help with the CSS would be really appreciated.

  1) If possible, I want to change the header background colour to match the header image. This would need to stretch across the screen (like in this example http://www.atelierdore.com/)

  2) I want to make the header image bigger. I’ve seen lots of posts about this, but as of yet haven’t had any luck editing the CSS (but maybe I’m just doing it wrong!)

  Thank you in advance!

  Alice

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

• 

  stefbarz · Member · Oct 18, 2017 at 7:15 pm

  • Copy link

  Hi @alicemulhearn!

  It looks like the blog you need help with is a self-hosted WordPress.org site. These forums are for sites hosted on WordPress.com.
  For information on the differences between the two, check this support page here:

  WordPress.com vs. WordPress.org

  For WordPress.org support, you can visit:

  https://wordpress.org/support/

  You can find all the documentation for WordPress.org (lessons, troubleshooting, etc.) here (there is a dedicated CSS session):

  https://codex.wordpress.org/Main_Page

  Hope this helps!

• 

  thesacredpath · Member · Oct 18, 2017 at 9:01 pm

  • Copy link

  @alicemulhearn, I see you are now using a header image with your site title and tagline incorporated into it, which would have been one of my suggestions.

  I do see some left padding on the #site-title div that is causing some misalignment on narrower screens, and the following custom CSS will take care of that for you.

  #site-title {
    padding-left: 0;
  }