Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 8, 2016 at 5:25 pm #722086
    Ludewigs

    Hi,
    I want to use a custom height in %.
    I know there are a few answers to this question. But: All answers seem to replace the 25% or another predefined percentage. I found a topic where you can modify your section.php and your shortcodes.js. So I tried to modify it not by replacing the values but by adding another one. It completly crashed my side :)

    Is there a way of adding a few other %s?

    Thanks in advance!

    PS. As you might have guessed I’m not a programmer. I can only replace code by copy&paste.

    December 8, 2016 at 7:06 pm #722124
    sam-to-911

    Hi,

    This worked for me, not sure if it’s the best solution but it works :)

    edit your color section –> (Section minimum height) select “Custom height in pixel” then set it to any value in px, this will keep the elements inside the section aligned in the middle (vertical align).
    then type an ID for the section (For Developers: Section ID).

    finally add this to your custom css:

    #your-section-id .container {
    height: 100vh !important;
    }

    vh is Viewport Height, edit the value as needed , (100vh is 100%) you can google it to learn more about this ;)

    Goodluck

    December 8, 2016 at 7:46 pm #722144
    Basilis

    Hey!

    Happy you could make it work out and we are sorry we could not help faster.
    Feel free to let us know if we can do anything else for you.

    Thanks a lot

    Regards,
    Basilis

    December 12, 2016 at 12:20 pm #723083
    Ludewigs

    Thank you Sam!
    This is a clever workaround.
    Thing is, when I want to do that for an entire website with more than 20 pages it would cost me a lot of time and css crafting (especially for parallax-pages). Maybe I should post it as a Feature Request. I would love to have a kind of “section-classes” where you can pre-define values for objects and just have to choose them from a dropdown-menu where you need it!


    @Basilis
    Thank you for your reply. I know you guys have a lot to do. Chill out and Merry Christmas!

    Regards,
    Ludewigs

    December 12, 2016 at 6:16 pm #723272
    sam-to-911

    Hi,

    I’m glad I could help :)
    also, I don’t think this will take much time to do, even with a 20+ pages website.
    if you want to set the same height value for multiple elements, you can set the same ID for all the color sections you’d like to apply this for.
    this way you can set the ID (for example: height-100-section) to each color section you need and choose a custom height with any value, then add the following to your custom css:

    #height-100-section .container {
    height: 100vh !important;
    }

    I think this can be done in 15 mins for 20 pages.
    Sorry I’m not one of the support team, If I was I would have done it for you.

    Good luck !

    December 13, 2016 at 7:01 am #723547
    Rikard

    Hi @Ludewigs,

    You can submit a feature request here if you like: https://kriesi.at/support/enfold-feature-requests/

    Thanks @sam-to-911 for helping out :-)

    Best regards,
    Rikard

    December 13, 2016 at 7:04 am #723550
    sam-to-911

    Hi Rikard,

    Always a pleasure to help :)

    Thanks

    December 14, 2016 at 5:39 am #724094
    Rikard

    Hi @sam-to-911,

    Much appreciated :-)

    Best regards,
    Rikard

    April 25, 2018 at 10:56 am #946503
    jonrouse

    Thanks @sam-to-911 – this is just what I needed, not confident messing around with JS!

    April 25, 2018 at 3:24 pm #946626
    Vinay

    Hi,

    Glad this is sorted for you :)

    Thank you for using Enfold.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Color Section custom-height’ is closed to new replies.