Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 18, 2018 at 2:19 am #898840
    Lara

    Hi there,

    I’m having issues with portfolio items on my Projects and Industries pages. Where the text sits under the images, the box holding that text isn’t consistent due to the length of the text, and I’m wondering what I can do to resolve this.

    Lara

    January 18, 2018 at 12:11 pm #899075
    Victoria

    Hey Lara,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.grid-entry .grid-content {
  min-height: 68px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 19, 2018 at 12:31 am #899376
    Lara

    Hi Victoria,

    Thanks for getting back to me :)

    Unfortunately, the code didn’t work for me. I’m still having some text boxes larger than others.

    Please see attached. You can see on the Projects page, for example, Port Kembla & Steele Barracks are not the same as the others.

    Projects

    I know the text is obviously longer but I need them to be consistent.

    January 20, 2018 at 5:22 am #899988
    Rikard

    Hi,

    Please try this instead:

    .page-id-241 #after_full_slider_1 .grid-content {
  min-height:68px !important;
}

    Best regards,
    Rikard

    January 23, 2018 at 6:46 am #901207
    Lara

    Hi Rikard,

    thank you, that works perfectly on my projects page!

    However, I still have this problem with the padding with my other portfolio items. If you click on the Projects page and click the first portfolio item there – Munmorah Power Station, you’ll see the portfolio items at the end of the page aren’t consistent, and this is with all my portfolio items.

    I tried adding the CSS to each portfolio grid but it doesn’t work!

    Hopefully, you can help :)

    Lara

    January 23, 2018 at 7:57 am #901238
    Nikko

    Hi Lara,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .grid-sort-container .grid-entry .inner-entry {
    min-height: 286px;
}

    Hope this helps :)

    Best regards,
    Nikko

    March 7, 2018 at 6:56 am #922755
    Lara

    Hi there,

    For some reason, I’m facing issues with padding on my portfolio items.

    If you to go Industries>defence you’ll see the padding is not consistent with these 4 items.

    Wondering what’s happening, as previously this issue was resolved!

    Lara :)

    March 7, 2018 at 6:58 am #922757
    Lara

    Hi there,

    For some reason, I’m facing issues with padding on my portfolio items.

    If you to go Industries>defence you’ll see the padding is not consistent with these 4 items.

    Wondering what’s happening, as previously this issue was resolved!

    Lara :)

    March 7, 2018 at 12:25 pm #922899
    Victoria

    Hi Lara,

    Try this code, the 286px is not tall enough:

    
#top .grid-sort-container .grid-entry .inner-entry {
    min-height: 305px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    March 22, 2018 at 4:06 am #931004
    Lara

    Hi team,

    I’m having issues with the padding on portfolio items again. I have another page News & Media>Media Library and the padding is much too large.

    I had help before where padding was changed for my items on the Projects page:
    #top .grid-sort-container .grid-entry .inner-entry {
    min-height: 305px;
    }

    that was for images that are 495×400 and now my new portfolio grid on the Media Libary page has images that are a different shape so the padding is huge.

    Wondering if you can help me fix this. I hope I made sense!

    Lara

    March 22, 2018 at 11:24 am #931151
    Victoria

    Hi Lara,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.page-id-5614 .grid-sort-container .grid-entry .inner-entry {
    min-height: 245px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #top.page-id-5614 .grid-sort-container .grid-entry .inner-entry {
    min-height: 215px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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