Tagged: , ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #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.

    #1324271

    Hey 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ünter

    #1324275

    Dear @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-Content

    Mobile stacking (future)
    Content
    Image
    Content
    Image
    content
    image
    content
    image

    If 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
    content

    Please see example.

    View post on imgur.com

    #1324394

    Hi,

    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ünter

    #1324769

    Hi,

    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ünter

    #1324780

    You 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.

    #1325176

    Hi,


    @Guenni007

    Also added this feature to Grid Row Cells.
    Will be in next update.

    Best regards,
    Günter

    #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.

    #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-scale

    Or with connection to the font style
    type-scale.com

    Best,

    S.

    • This reply was modified 3 years, 1 month ago by Hokuspokus.
    #1325885

    Hi,

    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ünter

    #1325893

    oh, links are now there

    Thanks Günther for forwarding

    #1326076

    Hi,

    Günter added this thread as reference in dev repo. We will update you here :)

    Best regards,
    Yigit

    #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.

    #1326698

    Hi,


    @Webvriend

    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ünter

    #1326772

    This 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!

    #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.

    #1327648

    Hi,


    @Webvriend

    Thanks for this positive feedback – and I hope everything works as expected.

    I have an eye on the sticky mobile menu.

    Best regards,
    Günter

    #1327677

    you 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.
    #1327938

    Hi,


    @Webvriend

    Thanks for sharing this snippet.

    Best regards,
    Günter

    #1329363

    @Günter, Have you done some more research on a sticky header for mobile?

    #1331749

    Hi @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

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