Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 18, 2015 at 6:41 pm #505736
    scubasnsi

    Hi,
    I have a color section divided in 1/3 and 2/3 using ALB. in the 1/3 I have 1 image, in the 2/3 I ha 2 special heading, 1 at the top and 1 at the bottom, in the middle I have a textbox and I did inside a <div class=scrollbox”> to have a text in a scrollbox. I added this css in the style of the child theme

    div.scrollbox
    {
    height:260px !important; height /**/: 270px;
    padding: 4px;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;

    }

    I’d like to make the height of the scrollbox responsive in a way that when the scrollbox remain at the same height of the picture in the 1/3 but if I use percentage in the height of the scrollbox the scrollbox disappear.
    Do you have any suggestion? I can’t find a way to do that.
    Thanks

    September 19, 2015 at 7:02 am #505876
    Rikard

    Hey scubasnsi,

    Do you have it live somewhere so that we can have a look?

    Thanks,
    Rikard

    September 22, 2015 at 7:43 pm #507312
    scubasnsi

    Hi Rikard,
    We have now the IT That is migrating the site on an AWS. As soon as he finished I’ll give you details to check.
    Thanks

    September 22, 2015 at 9:45 pm #507369
    Basilis

    Hi!

    Great, keep us updated!

    Best regards,
    Basilis

    September 27, 2015 at 9:42 am #509648
    scubasnsi

    Hi,
    server change done so now you can check.
    the page is the following:
    http://www.goscubasnsi.com/specialty/

    The website is in maintanence mode so you have to login first, I send you detail in private.

    Thanks for your help

    September 28, 2015 at 6:57 am #509820
    Ismael

    Hey!

    If you want to keep the height of “scrollbox” same as the image beside it, apply a minimum height to it:

    .avia_textblock.scrolltext {
    min-height: 400px;
}

    Use css media queries to adjust the property on different screen sizes.

    Best regards,
    Ismael

    September 28, 2015 at 9:46 am #509886
    scubasnsi

    Hi Ismail,
    can you tell me something more about how to use the media queries? I do not understand.
    Thanks

    September 28, 2015 at 11:04 am #509924
    Yigit

    Hi!

    Please see – http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    Regards,
    Yigit

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