Archived

This topic is now archived and is closed to further replies.

  • 0

Masthead Customization


Question

Posted · Report post

So, I'm trying to customize my masthead as seen on: http://peppersloughoutfitters.com

 

I added a background to it, as shown. So no issues there. BUT I want to get rid of the title. I put in the code that goes display: none, which removes the title, but it also alters the position of the background and throws it out of wack.

 

Is there a way to remove the title, and keep the background in the position its at now? 

 

As you can see I kept a period as the title, to keep it in place, but I'd like it gone without altering the position of the background.

 

Thank you!

 

 

I attached an image of what it looks like when I remove the masthead title or even if I reduce the size of the title text.

 

post-40018-0-35077800-1363294394_thumb.j

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

Hi there, if you hide the title then the items below will move up as technically there's nothing above them anymore. So what you'll need to do once that's hidden is look at the selector with the buttons in (.masthead p). You'll need to apply a margin to the top of that selector so the buttons move down in to the right position, then apply a margin/padding to the bottom so they align perfectly with your background image.

 

http://screencast.com/t/1pF9OsfrLZaD

Share this post


Link to post
Share on other sites

Posted · Report post

You're a genius! Thanks! All I had to add was:

.masthead p {margin-top: 99px;}

 

This is resolved--thanks!

Share this post


Link to post
Share on other sites