Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #821865

    I have a Portfolio grid which is displayed wonderful. The excerpt has different conent ==> different long.

    In certain situation this causes a 2 line break for some items while the other remain on one line ==> positioning seems quite odd.

    Is there a way to fix this issue?

    Using 4.1.1.

    thx
    roland

    #821883

    Hey kwanumzen,
    Your link seems to be down, unless you are blocking some IPs?
    Please advise.

    Best regards,
    Mike

    #821949

    Hi Mike,

    sorry… :-/ Could you plz try this link:

    https://ibb.co/e3ZBCv

    thx
    roland

    #821967

    Hi,
    the previous link should now work again…
    roland

    #822034

    Hi,
    Well, the text in the middle section is longer that the space so it makes a second line. You could edit the excerpt to be shorter, or add more to the other two excerpts? How were you hoping this would be handled?

    Best regards,
    Mike

    #822048

    Hi Mike,

    What I would expect: That the borders for all 3 items cover the same height – i.e. the maximum height of one of the containers which holds the caption…

    I made another screenshot (see below)

    And from the new screenshot you clearly see that there is an overlapping ==> I would expect: no overlapping!

    Does it sound reasonable?

    kr
    roland

    #822067

    forgotten to mention: the second issue with the overlapping seems to occur only when the browser resize at once to a different window size which causes the different box-rendering…

    #822075

    Hi,
    Please include the url to the page in question so we can take a closer look and try to write some code for you. :)

    Best regards,
    Mike

    #822080

    Hi Mike,

    what do you mean with URL? I have it on my localhost. You can reproduce it or not?

    I’ve tested it as well on https://webers-testseite.de/mino/portfolio-item/slider-two-third/ with the same behaviour… so, what do you need additionally???

    kr
    roland

    #822085

    I’ve tested little bit this page ==> there the problem is the different length of the header, i.e. the header is longer than the Excerpt (=my case) but the issue remains a similar one (although perhaps the head lines height would be preferably all the same!)

    #822088

    Hi,
    Sorry I didn’t realize it was on your localhost, that will make writing custom code for you tricky as we try to target your page ID, div, element, and test on different screen sizes, etc. As I can’t tell what any of these are for your site, or the size of the largest element, I will try to guess :)
    Try this code in the General Styling > Quick CSS field:

    .grid-content {min-height: 100px!important; }

    adjust the 100px to suit.
    Here is a screenshot of the demo:
    postimage

    Best regards,
    Mike

    #822121

    Hi,

    I found that

    .grid-entry-excerpt,entry-content {
    min-height: 46px!important;
        display: flex;
        align-items: center;
        justify-content: center;
     }

    gives the proper height of the content – cuz I need it only for the Excerpts (with some additional alignments). So far – so good – nevertheless two qs:

    1) Is there a way to apply these settings only in the case when 2 lines are used?
    a) dynamically (preferable)
    b) hard coded (i.e. if the excerpt is smaller than …px) ==> use e.g. a special class which has these attributes…
    2) What code is required to cause a revalidation of the layout? Cuz when I manually shrink the window by pixels the layout process is done perfectly. But when I click on the middle Windows-button each window has (left to close windoX) than the layouting is not done another time ==> what to do to apply resp call it?

    thx
    roland

    #822132

    Hi,
    I don’t have a dynamic solution for this, other than when this occurs to offer some css to fix. It is typically very infrequent.
    I’m not sure I understand the second question, but I think this is due to the browser calculating the sizes of the elements and when you resize the window the browser is not recalculating correctly. If you refresh the browser at any size it will calculate correctly.
    Also note that in the coding, not everything is done in percentages of the browser window, many things are set to standard device widths and there are many odd widths between device sizes that might not look right. For example phones are 425px, tablets are 768px, so at 553px things might not look right, but there is no device that size :)
    Hope this helps.

    Best regards,
    Mike

    #822171

    Hi Mike,

    I inspected the code more deeply and I would NOT say, the heights and measurments are due to browser calculation: The class grid-entry is calculated somehow cause the left-position as an absolute position as well as the heightof the grid-sort-container isotope no_margin-container with-excerpt-container grid-total-odd grid-col-3 grid-links-ajax isotope_activated … so I think the calculation misses some special cases (e.g. rounding errors).

    But I would also guess that this calculation of the positions and height could also insert some additional classes if the calculated width below a limit…. Therefore I’m curious if there is a chance to have a more dynamically set grid-entry-excerpt.

    thx
    roland

    #823106

    Hi,

    1) Is there a way to apply these settings only in the case when 2 lines are used?
    a) dynamically (preferable)

    I’m sorry but that’s not possible. Please hire a freelance developer or contact our partner, Codeable.

    // http://kriesi.at/contact/customization

    Anyway, I’m sure the excerpt will only break on certain screen sizes so adding a css media query, targeting those screen sizes, should work.

    Best regards,
    Ismael

    #923436

    PLZ close this issue

    #923561

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.
    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Portfolio items – Excerpt alignments…’ is closed to new replies.