Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 29, 2019 at 4:03 pm #1084610
    webmonnik

    Hi there,

    See: https://www.staan-academy.com/courses/

    I want the buttons to vertical align to the botom of each column of the color section. I tried a lot of things, but i am not able to find the solution. Hope someone can help me to solve this.

    Thank you. Best regards, Rogier

    March 29, 2019 at 5:29 pm #1084664
    Nikko

    Hey Rogier,

    I think you just need to limit the number of characters on the text block and this should fix it.
    If it’s not an option to limit the number of characters you can use this code:

    #color_section_id .av_one_third .av_textblock_section:nth-child(3) {
    min-height: 150px;
}

    just replace color_section_id with the developer id you set on the section and change the min-height value, for example:

    #excel .av_one_third .av_textblock_section:nth-child(3) {
    min-height: 130px;
}

#lean .av_one_third .av_textblock_section:nth-child(3) {
    min-height: 240px;
}

    Hope this helps.

    Best regards,
    Nikko

    March 29, 2019 at 5:44 pm #1084677
    webmonnik

    Wow Nikko, that did the trick. Do you know how i can disable this settingt for mobile, because of the large space?

    Thank you very much!

    Rogier

    March 29, 2019 at 5:57 pm #1084686
    Nikko

    Hi Rogier,

    Try to wrap it inside the media query, here’s a sample:

    @media only screen and (min-width:768px) {
  #excel .av_one_third .av_textblock_section:nth-child(3) {
    min-height: 130px;
  }

  #lean .av_one_third .av_textblock_section:nth-child(3) {
    min-height: 240px;
  }
}

    Best regards,
    Nikko

    March 29, 2019 at 6:09 pm #1084692
    webmonnik

    Hi Nikko. I tried this for the section other, but the space for the buttons in the first two sections is much bigger. Probably due to the fact that the text is shorter. Is there a way to ignore this space on mobile?

    Thank you again!

    Rogier

    March 30, 2019 at 1:39 am #1084763
    Nikko

    Hi Rogier,

    Yes, wrapping it inside this media query will only execute on devices with screensize that’s 768px and above (tablets, laptops, desktops) and will not execute on mobile devices having screensizes of 767px and below.

    @media only screen and (min-width:768px) {

}

    Best regards,
    Nikko

    March 30, 2019 at 9:39 am #1084836
    webmonnik

    thanks for your good advice Nikko

    Best regards, Rogier

    March 30, 2019 at 3:06 pm #1084874
    Nikko

    Hi Rogier,

    We’re glad to help you :)
    Thanks also for using Enfold and have a great day!

    Best regards,
    Nikko

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