Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 15, 2016 at 12:32 pm #724834
    jonrouse

    Hi Guys,

    I have an issue which I’m hoping you might be able to help with.

    On the front page on my website I have a headline rotator, one headline has two lines, the other has three lines.
    I’d like to make the one with two lines in have the same container height at the one with three lines in. Mainly so it doesn’t jump in size when it swaps between the two.

    Is there any way I can do this with quick css, like to give it a fixed height or something.

    The link is in the private content area, as it’s still in development and a mess!

    Cheers

    December 15, 2016 at 5:33 pm #724957
    jonrouse

    @yigit – having trouble with this one too!

    December 15, 2016 at 5:36 pm #724959
    Yigit

    Hey!

    I cannot reproduce the issue on my end on different screen resolutions. From what i understood following code should help 

    .av-rotator-container-inner {
    min-height: 150px;
}

    You may need to adjust the value

    Cheers!
    Yigit

    December 15, 2016 at 5:50 pm #724966
    jonrouse

    Thanks Yigit,

    That’s done something, but the text is no longer in the vertical centre.
    If you view the page at about 1575px wide, you will be able to see the issue.
    I’m on a 27″ screen though, so it may only be visible to me!

    Thanks!

    December 19, 2016 at 3:34 pm #726044
    Yigit

    Hi,

    Can you please post a screenshot and show the issue you are having?
    I checked your page on 1920x1200px screen and resized the screen to 1575px and it still looks fine on my end :)

    Best regards,
    Yigit

    December 19, 2016 at 4:36 pm #726108
    jonrouse

    Hi Yigit,
    I had changed the words to make it more consistent, but please see the attached screen grabs.
    If I could make it that the box for the text in screenshot 1 was the same height as in screenshot 2, that would be helpful.
    It isn’t a huge issue if it’s going to cause problems with, for instance, the cellphone view.

    Cheers!

    December 22, 2016 at 5:59 am #727389
    Ismael

    Hi,

    I can’t reproduce the issue on my end but I think you can decrease the font size a little bit to prevent it from creating a new line. Another solution is to reconstruct the paragraphs so that they have the same number of characters.

    Best regards,
    Ismael

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