-
AuthorPosts
-
January 23, 2020 at 10:35 am #1177514
Hi, how do I add the top style similar to below with enfold theme? I would like to do something like below.
https://www.dropbox.com/s/34ccg5j6j1ea10d/23-1-2020%204-21-58%20PM.jpg?dl=0
https://jupiterx.artbees.net/app-2/January 23, 2020 at 10:43 am #1177517The second link you have specified – do you mean the dividers between sections?
( on top it is only a svg file as background-image – thats possible in Enfold too )
I fully agree, that would indeed be a very, very nice thing to have.
It is possible to get it via child-theme functions.php and some svg usage – but this is something that is not easily accessible by normal users.
( see here some examples: https://webers-testseite.de/guenni/ )Enfold already has a suitable place where you can place these dividers. Each color section has a div.container as a direct child. These separators can now be placed in front or behind this div (as sibling). The rest is then only css.
______
That little movement of the mobile on scrolling down – can be obtained via waypoint script ( that is already implemented in enfold)
but this too: is something that is not easily accessible by normal users.
https://webers-testseite.de/images-in-motion/January 23, 2020 at 10:56 am #1177527Yep, the dividers. I really love enfold theme but its kind of limiting in design so far. Would really love to have some theme functions which allow me to add more divider styles in the composer. =)
Btw, how do I style the icon boxes shown in the screenshot?
January 24, 2020 at 9:55 am #1178047Hi,
Thank you for the update.
You should be able to recreate the boxes using the column elements and use the special heading or text blocks for the content. It is possible to apply background colors or images to the columns. To make the corners of the box rounded, you will have to add a few custom css in the Quick CSS field or the child theme’s style.css file.
This guide should help.
// https://kriesi.at/documentation/enfold/add-custom-css/
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.