Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 2, 2025 at 5:34 pm #1487504
    icarogioiosi

    I’ve searched the online documentation and a few dozen forum posts, but I haven’t been able to find detailed portfolio settings.

    In our project, we’re using a single-column grid, as shown in the image https://img.savvyify.com/image/Portfolio.yydw6 .

    1) The title appears to the left of the image; how can we have it on the right, while also reducing the width of the white cell containing it?

    2) The title is vertically centered on the image; how can we have it at the top, while also reducing the font size?

    3) We’d like to eliminate the lines and borders and have a 10-20 pixel white space between each image.

    We’ve also tried Masonry, which solves the problem mentioned in point (3) and already has a smaller font, but the title is below the image and we don’t know if it can be “moved” to the right.

    August 4, 2025 at 6:29 am #1487536
    Ismael

    Hey icarogioiosi,

    Thank you for the inquiry.

    You can add this css code to move the title to the right of the image, position it at the top, reduce the font size, remove the borders, and add space below each portfolio entry. Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache after adding the modification.

    
#top .isotope-item.special_av_fullwidth .inner-entry {
    text-align: left;
    display: flex;
    flex-direction: row-reverse;
}

#top .grid-entry .inner-entry {
    box-shadow: none;
}

#top .isotope-item.grid-entry {
    margin-bottom: 20px;
}

#top .isotope-item.special_av_fullwidth .av_table_col .entry-title {
    margin: 0 0 20px;
    font-size: 16px;
}

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

    August 4, 2025 at 7:04 pm #1487568
    icarogioiosi

    Thanks for your time, Ismael.
    The suggested code solves the requests.
    Despite testing, I don’t understand the purpose of the line

    margin: 0 0 20px;

    indicated in the last block (the one for the text size), except for the first 0, which appears to set the vertical position of the text.
    I apologize if I’ve made too many requests in the same thread, but I thought it was possible since they globally affected what was indicated in the title (Portfolio Grid Settings).

    August 5, 2025 at 6:05 am #1487578
    Ismael

    Hi,

    Thank you for the update.

    Despite testing, I don’t understand the purpose of the line margin: 0 0 20px;

    It seems to be a default css rule that we missed to remove. You can remove it if it’s not affecting the layout. Please don’t hesitate to open another thread if you have more questions.

    Best regards,
    Ismael

    August 5, 2025 at 9:00 am #1487591
    icarogioiosi

    Thanks for your time

    August 5, 2025 at 11:43 pm #1487616
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Portfolio Grid Settings’ is closed to new replies.