Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 4, 2019 at 3:35 pm #1115820
    waveseven

    Hove increase the size of the title container so that i could add a tinted image of the title bar, with white text over the top. I want to vertically align the title in the middle of the title bar. I understand I can do this by changing the line high in CSS. However if it’s a long title and it splits onto 2 lines (especially on a mobile device) the second line is then too far outside of the title bar.

    Do you know how I can do this so that it retains normal line spacing but the text is still vertically aligned even if its on 2 lines?

    Many Thanks
    Regards
    Colin

    July 6, 2019 at 12:21 pm #1116245
    Victoria

    Hey waveseven,

    Please remove your code and add it like this, so that it does not affect smaller sized screens

    
@media only screen and (min-width: 768px) {
  #top .title_container .container h1 {
      text-transform: uppercase !important;
      font-weight: bold;
      line-height: 130px !important;
  }
}

    Best regards,
    Victoria

    July 12, 2019 at 5:59 pm #1118145
    waveseven

    Hi Victoria

    Sorry for the delay in getting back to you, I have been on vacation.

    Yes that works perfectly with a bit of tweeking

    thank you

    July 12, 2019 at 9:17 pm #1118199
    Victoria

    Hi waveseven,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.