How to Center Header Image

• 

  theequotex · Member · Jan 4, 2018 at 6:08 pm

  • Copy link
  • Add topic to favorites

  Hi!

  I’d like to know how to center my header image so that it’s mobile friendly.

  Thank you,
  Mayumi

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

• 

  thesacredpath · Member · Jan 4, 2018 at 8:39 pm

  • Copy link

  Hi there, due to the way the header is done on Sela, it really doesn’t work well for images with text embedded in them since it does not resize. We can resize it, but we would have to use custom CSS, which is part of Custom Design and available only with the WordPress.com Premium or Business plan.

  If you decide to get an upgrade, the following would be the custom CSS you would need.

  .site-branding {
    background-color: #EFDFD6 ;
    background-size: contain;
  }

• 

  thesacredpath · Member · Jan 4, 2018 at 8:40 pm

  • Copy link

  As an alternate, if you do not wish to get an upgrade, you could add the star beige background as a header image, without the text and then use the text-based site title.

• 

  breastfeedinginjapan · Member · Jan 4, 2018 at 9:18 pm

  • Copy link

  Hello, I am working on customizing the font color of my site name and tag line to white but I can not figure out the correct CSS code. CAn you provide some input on this?

  I do have WordPress premium and I am using the Sela theme.

  Kindly,
  Genny

• 

  theequotex · Member · Jan 4, 2018 at 10:46 pm

  • Copy link

  Oh right, thank you.

  Mayumi

• 

  thesacredpath · Member · Jan 5, 2018 at 9:07 am

  • Copy link

  Mayumi, you are welcome.

• 

  thesacredpath · Member · Jan 5, 2018 at 9:09 am

  • Copy link

  Hi breastfeedinginjapan, since you are asking about a different issue, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.