Tagged: color section, custom, height
-
AuthorPosts
-
December 8, 2016 at 5:25 pm #722086
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 #722124Hi,
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 #722144Hey!
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,
BasilisDecember 12, 2016 at 12:20 pm #723083Thank 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,
LudewigsDecember 12, 2016 at 6:16 pm #723272Hi,
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 #723547Hi @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,
RikardDecember 13, 2016 at 7:04 am #723550Hi Rikard,
Always a pleasure to help :)
Thanks
December 14, 2016 at 5:39 am #724094April 25, 2018 at 10:56 am #946503Thanks @sam-to-911 – this is just what I needed, not confident messing around with JS!
April 25, 2018 at 3:24 pm #946626Hi,
Glad this is sorted for you :)
Thank you for using Enfold.
Best regards,
Vinay -
AuthorPosts
- The topic ‘Color Section custom-height’ is closed to new replies.