Jump to content


Photo
- - - - -
Resolved

Masthead Image And Title Positioning

masthead

  • Please log in to reply
5 replies to this topic

#1 reachmore_

reachmore_

    Member

  • Members
  • 20 posts
  • Framework Version:2.3
  • Country: Country Flag

Posted 24 October 2012 - 06:51 PM

Hi guys - How can I position the masthead title on top of the masthead image? Essentially switching places. I'm learning - need a little direction.

.masthead .splash img {
display: block;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
}
.masthead .masthead-title {
font-size: 81px;
letter-spacing: -1px;
line-height: 1;
margin-bottom: 18px;
}

Thank you!

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 24 October 2012 - 07:15 PM

The top margin for the masthead title will need to be adjusted so that's a negative value and the masthead image's top margin needs to be increased. Can you please post a link to your site?

#3 reachmore_

reachmore_

    Member

  • Members
  • 20 posts
  • Framework Version:2.3
  • Country: Country Flag

Posted 24 October 2012 - 07:24 PM

I'll remove the underconstruction plugin.

Please Login or Register to see this Hidden Content



Thanks for your help! :)

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 24 October 2012 - 07:34 PM

I think if you're trying to add a graphic above title text, it would be easier to install the ContentBox section, remove the Masthead and replace it with ContentBox, and add the graphic and text to ContentBox:

Please Login or Register to see this Hidden Content



#5 reachmore_

reachmore_

    Member

  • Members
  • 20 posts
  • Framework Version:2.3
  • Country: Country Flag

Posted 24 October 2012 - 07:39 PM

Simple fix - thank you much!

#6 James B

James B

    Advocate

  • Moderators
  • 4985 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 25 October 2012 - 12:20 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, masthead