Tagged: schema.org, Tags, video
-
AuthorPosts
-
October 8, 2021 at 5:18 pm #1324151
Hello,
Am I overlooking something? Or is there really no Schema.org element for the video section, where automatically all information for the Schema.org element “VideoObject” is stored?
Can you insert it please, that enfold video section support the full schema.org VideoObject
Thx.
October 10, 2021 at 10:43 am #1324271Hey S.,
Thanks for reporting this.
You are right, it is missing. We will add it for next release.
Have a nice weekend.Best regards,
GünterOctober 10, 2021 at 12:16 pm #1324275Dear @Günther, thanks.
Another question: When is it planned to have a real flick flack / zigzag Effect?
On desktops, some modern designs have a two column design, where written content and images are aligned. And in the next section, they interchange the position.
Enfold deliver no smart “toggle” to solve this problem for mobiles. See images. To reach this layout, we must define a desktop set and mobile set and blow up the source code and the handling of the page. If we have a “toggle” to say: hey, this is a zigzag-row for every second element, the left and the right content is switching in mobile view, would reduce the amount of code and handling of the page.Today, we have no chance to prevent this: We must define for such case an extra section to reach the stacking sequence in mobile
Desktop:
Content-Image
Image-Content
Content-Image
Image-ContentMobile stacking (future)
Content
Image
Content
Image
content
image
content
imageIf we align this stacking in enfold without extra mobile set, we have this stacking sequence which are without sense:
content
image
image
content
content
image
image
contentPlease see example.
October 11, 2021 at 11:35 am #1324394Hi,
Thanks a lot for bringing this up and the work with the images to explain.
I have it in my dev repo and plan to take a closer look at it in very near future.
What I’m thinking of is in “Row Settings” tab “Row Screen Options” toggle an option “Invert Row Columns on Mobile” that works for any combination of columns like e.g.
on desktop:
1/4 (a) 1/2 (b) 1/4 (c)
on mobile:
(c)
(b)
(a)Best regards,
GünterOctober 13, 2021 at 3:30 pm #1324769Hi,
FYI:
In next release for columns you will find a selectbox in “Row Settings -> Row Screen Options”:
Column Behaviour When Fullwidth:
- Reverse order
- Individually select position for each column
Best regards,
GünterOctober 13, 2021 at 4:21 pm #1324780You want to apply flexbox model as here – and set parent element ( entry-content-wrapper ) to display flex? But in my opinion this requires to keep the flex columns exclusively in an enclosing ( color-section ) container. Then it would be enough to set the flex-flow to row wrap-reverse on responsive case. Otherwise, properties would still have to be assigned to the flex items.
With grid-row this is automatically the case – each flex-cell row is separate from other flex-cells. See: https://webers-testseite.de/reverse-order/
See the example page with one color-section ( white background ) and 6 1/3 flex-columns. On that it will be nice to have on the flex-column itself an input field with flex order number
Result you see belongs to:@media only screen and (max-width: 767px) { .page-id-38828 .avia-section.reverse-order .entry-content-wrapper .flex_column { flex: 1 1 100%; margin-bottom: 30px !important; } .page-id-38828 .avia-section.reverse-order .entry-content-wrapper .flex_column:nth-of-type(2), .page-id-38828 .avia-section.reverse-order .entry-content-wrapper .flex_column:nth-of-type(3) , .page-id-38828 .avia-section.reverse-order .entry-content-wrapper .flex_column:nth-of-type(6) { order: 1; } .page-id-38828 .avia-section.reverse-order .entry-content-wrapper .flex_column:nth-of-type(1), .page-id-38828 .avia-section.reverse-order .entry-content-wrapper .flex_column:nth-of-type(4), .page-id-38828 .avia-section.reverse-order .entry-content-wrapper .flex_column:nth-of-type(5) { order: 2; } }
the trick will be that on responsive case this reverse order will be set in your media query ( when those columns should break to 100% width )
it only makes sense if the reverse order influences only one column row. ( yellow background )________
Read More : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
the direct parent element should be the flexbox – the first children are the flex-items.October 15, 2021 at 7:00 pm #1325176Hi,
Also added this feature to Grid Row Cells.
Will be in next update.Best regards,
GünterOctober 20, 2021 at 8:27 am #1325675@Günter,
Do you also want to make the column space adaptable? Now the column space is 7%, which is far too large in modern designs.
October 20, 2021 at 9:00 am #1325678@Webvriend
Cool Idea :-)@Support: As I mentioned years ago, Fonts sizes like headings etc. should be therefore packed into different styles for devices. An H1 with 40 px is not good on tablets or mobiles. A 3-Tab solution should be there, to define sets for devices. If we follow the concept of “Base Size”, cool ideas are available (links below).
Manual defining of fonts sizes and distances blow up an own big file of custom CSS (font sizes has here a small impact). But, it’s coding. Possible, there is a predefined set for “harmonic Font sizes and distances”? Via Script, Formula or link to this pages? Possible is a toggle for “User-defined rules” and “adaptable predefined rules”
Examples & Formula: Possible, this can pack into an easy-to-understand option, to predefine a harmonic set.
spencermortensen.com/articles/typographic-scaleOr with connection to the font style
type-scale.comBest,
S.
- This reply was modified 3 years, 1 month ago by Hokuspokus.
October 21, 2021 at 2:25 pm #1325885Hi,
Thank you for your input.
I forwarded this to Kriesi and have it in our dev repo so we do not forget it.
Best regards,
GünterOctober 21, 2021 at 3:03 pm #1325893oh, links are now there
Thanks Günther for forwarding
October 22, 2021 at 2:57 pm #1326076Hi,
Günter added this thread as reference in dev repo. We will update you here :)
Best regards,
YigitOctober 25, 2021 at 2:54 pm #1326325@Gunter,
Thank you for asking Kriesi. Previously I always used this CSS:
#top .av-flex-placeholder { width: 30px; }
This no longer works on a column. We used this css hack on many website’s. There is no other easy hack for this either.
October 27, 2021 at 2:28 pm #1326698Hi,
Not idea, why this does not work any longer with px. Maybe something has been changed in the internal browser logic – we did not change anything in the last versions. If you use % it works.
I plan to add an option where you can select the width between the columns in 0.5% steps (maybe already for 4.6.7.1).
Best regards,
GünterOctober 28, 2021 at 9:10 am #1326772This seems like a nice addition to the theme options. Do you want to create a filter for it so that we can set this globally in functions.php? I look forward to meeting the Beta!
November 3, 2021 at 3:22 pm #1327641@Günter,
Nice job Gunter! Waited a long time for this feature:
avf_alb_default_column_space
Now only the sticky mobile menu remains, then my wishes for the coming time are provided again! And is Enfold closer to a modern theme..
I hear from you Gunter.
November 3, 2021 at 4:21 pm #1327648Hi,
Thanks for this positive feedback – and I hope everything works as expected.
I have an eye on the sticky mobile menu.
Best regards,
GünterNovember 3, 2021 at 5:59 pm #1327677you can use this code as an example:
/** * Change the column gap * * @since 4.8.7.1 */ function wv_column_spacing($space) { $space = 2.0; return $space; } add_filter('avf_alb_default_column_space', 'wv_column_spacing', 999, 1);
^ This filter ensures that the space between all columns becomes 2%.
- This reply was modified 3 years ago by Webvriend.
November 5, 2021 at 1:21 pm #1327938November 17, 2021 at 4:58 pm #1329363@Günter, Have you done some more research on a sticky header for mobile?
December 6, 2021 at 6:26 pm #1331749Hi @Webvriend,
Yes, we have. We have considered “position: sticky;” but that requires tweaking CSS and JS for the header so we still consider this change a risky one. We will keep it open until we have a proper way to implement this feature.
Best regards,
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.