Nucleare theme- how to move header image UNDER the site title and tagline

• 

  lavonnely · Member · Mar 19, 2020 at 5:26 pm

  • Copy link
  • Add topic to favorites

  Hello, I have the nucleare theme and I would like the header image to be under the site title and tagline instead of above.

  Does anyone know how to do this? thank you very much!

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

• 

  supernovia · Staff · Mar 20, 2020 at 1:27 am

  • Copy link

  Hi there, rearranging elements on a page so that the image is below your title is doable, but difficult, because you’ll need to handle different browsers and screen sizes. We aren’t able to offer support for that.

  On the other hand, if you just want to add an image as a background to your site title, that’s doable.

  First, upload the image and get its URL.

  Head to the Customizer. Remove the header image & save changes.

  Go to CSS and add something like this, subbing your actual image URL, and changing the padding and what not as you’d like.

  .site-header {
      background-image: url(https://defaultcustomheadersdata.files.wordpress.com/2016/07/blur.jpg);
  	background-size: cover;
  }
  
  .site-branding {
  	padding-top: 6em;
  	padding-bottom: 4em;
  	padding-left: 2em;
  	padding-right: 2em;
  	background-color: #00000055;
  }
  
  .site-title a, .site-description { color: white; }