Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1394035

    Hi Enfold team,
    I would need to do some adjustments in the Portfolio Category page:

    1. To insert a space between and above the portfolio items
    2. To add an excerpt under the title
    3. To fix wrong displayed items in Tablet portrait

    See the screenshot here: https://mtsakademie.cz/report/Enfold_Portfolio_Category.pdf

    Thanks a lot,
    Zdenek

    #1394048

    Hey Zdeněk,

    Thank you for the inquiry.

    1.) You can use this css code to adjust the padding between the portfolio items.

    .grid-sort-container .grid-entry {
        padding: 10px;
    }
    

    2.) To enable the excerpt, edit the element, then go to the Content > Excerpt panel and adjust the settings accordingly.

    3.) Did you add this css code?

    body .unit.alpha, body .units.alpha, body div .first {
        margin-left: 0;
        clear: left;
    }
    

    This modification affect the layout of the grid on tablet view.

    Best regards,
    Ismael

    #1394430

    Hi Ismael,
    thanks for your response.

    1. Done and working
    2. Sorry, I don´t know what you mean. “Edit the element” you mean edit the portfolio page? I don´t know where to find “Content > Excerpt panel”.
    3. Trying the css but it does not work even if I put there “!important”

    Thank you,
    Zdenek

    #1394492

    Hi,

    Thank you for the update.

    2.) Did you use the Portfolio Grid element? If you need to enable the excerpt in the category or archive pages, please edit the taxonomy-portfolio.php file, look for the avia_post_grid around line 30 and set the “contents” parameter from “title” to “excerpt”.

    3.) You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code. Make sure to purge the cache afterwards.

    body .unit.alpha, body .units.alpha, body div .first {
        margin-left: 0;
        clear: none !important;
    }
    

    Best regards,
    Ismael

    #1394616

    Hi Ismael,

    2) Done and works, thanks. I use a Child theme, so can you pls give me a code used in the child theme functions.php?
    3) I followed your instruction and:
    – it works only in 767px resolution
    – 768px resolution and higher => wrong displayed
    – between 480px and 700px => wrong displayed

    See here: https://mtsakademie.cz/kategorie-sluzeb/lekce-a-kurzy/

    Br,
    Zdenek

    #1394634

    Update:
    I have moved the web to a test page, because the css code also makes an issue in the footer, so I can´t have it in the live site.
    Please refer here: https://testweb.mtsakademie.cz/kategorie-sluzeb/lekce-a-kurzy/

    Credentials in the Private Content
    Br,
    Zdenek

    #1394736

    Hi,

    2.) You can create a copy of the taxonomy-portfolio.php file in the child theme to override the original template.

    – it works only in 767px resolution
    – 768px resolution and higher => wrong displayed
    – between 480px and 700px => wrong displayed

    3.) We can’t see the issue on our end. Would you mind providing a screenshot? You can use imgur, savvyify or dropbox for the screenshot. Thanks.

    Best regards,
    Ismael

    #1394737

    Hi Ismael,

    2) perfect, thank you
    3) screenshot here: https://mtsakademie.cz/report/Enfold_Portfolio_Category_wrong-sorting.pdf

    Br,
    Zdenek

    #1395257

    Hi there,
    any update on this?
    Br,
    Zdenek

    #1395594

    Hi Zdenek,

    Thanks for your patience!

    I have updated your staging site to Enfold 5.4 and then changed the CSS Code in the Quick CSS field to the following one

    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    body .unit.alpha, body .units.alpha, body div .first {
        margin-left: 0 !important;
        clear: none !important;
    }
    }
    

    I can no longer reproduce the issue. Could you please review your website?

    Best regards,
    Yigit

    #1395704

    Hi Yigit,
    thank you for the update. I looked at the page on a real Tablet device and I still see there the white spaces, so it looks the css code does not work :(

    See here: https://snipboard.io/O0hfvo.jpg

    Any other idea?

    Br,
    Zdenek

    #1395782

    Hi,
    Unfortunately, I don’t have an iPad but when I test on browserstack.com/live on a iPad Pro 12 I don’t see the gap from the missing item:
    Enfold_Support_238.jpeg
    Enfold_Support_240.jpeg
    Perhaps your iPad is still showing you the cache, Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

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