CSS Problem with Header/Title Position

• 

  maximegoestochina · Member · Jul 17, 2016 at 3:50 pm

  • Copy link
  • Add topic to favorites

  Hello! I am really struggling with tweeking the position of my title against the header image, it basically needs to be about an inch lower (starting just where the sleeves of the little figure in the middle end! :D ). I have zero knowledge of coding, although I’ve just started a very basic course in the vain hope of getting to grips with it. The blog in question is: shanghaishenghuo.co

  If there are any code-savvy people out there who are willing to help a girl out I would be extremely grateful! I have already trawled through a bunch of previous threads related to this, I tried entering the following into my stylesheet:

  #header {
  padding: 0;
  margin: 0 auto;
  height: 150px;
  width: 100%;
  }

  Although this moved it down a little bit in the preview, as soon as I saved the changes, the text assumed its previous position :( (it also didn’t move it down far enough).

  Thanks!

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

• 

  maximegoestochina · Member · Jul 17, 2016 at 3:51 pm

  • Copy link

  Sorry! My mistake, I didn’t realise. Thank you for the link to where I should be posting.

• 

  hallluke · Member · Jul 17, 2016 at 4:11 pm

  • Copy link

  Hi try adding this into the CSS section of the customiser:

  #masthead hgroup {
    bottom: 0;
  }

  I can’t see any custom code saved on your site at the moment, did you delete the bit you tried before?

• 

  maximegoestochina · Member · Jul 17, 2016 at 5:10 pm

  • Copy link

  Thanks so much hallluke! That worked and saved the title lower down. I was trying other themes as alternatives, hence why you probably couldn’t see the header/custom code – sorry about that. I’ve saved it now with the above code. Is there any way to move it lower down still? (just being picky now, no worries if not!)

• 

  hallluke · Member · Jul 17, 2016 at 5:14 pm

  • Copy link

  You should be able to set a negative value, like -20px, to keep moving it further down but if you do try that check to see it doesn’t ruin the formatting at different screen sizes or on mobile or tablets.

• 

  maximegoestochina · Member · Jul 17, 2016 at 5:23 pm

  • Copy link

  Thats brilliant, problem solved! Thank you so much!