Solved changing the aspect ratio of the portfolio

hi i am trying to change the aspect ratio of the portfolio grid using this bit of css:

.et_portfolio_image {
padding-top: 100%;
}
.et_portfolio_image img {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}

but it doesnt seem to have any affect applying it to the modules ADVANCED/CSS/PORTFOLIO IMAGE block... what am i doing wrong? is there another way to do this?

 

Sorry in advance if this is an obvious thing, this is my first wordpress, divi and diviultimate build and while im a graphic designer, i dont do websites normally.

heres a more detailed write up:

• sure... i want a 3x2 grid portfolio of selected sample works for my home page. (mockup attached)
• ive created 6 dummy projects and dropped in temp feature images.
• i made the feature images 360x440 as per our design. (3x 360 = 1080) (sample asset attached)
• as divi defaults to a specific size and aspect ratio thumbnail, i found some CSS that should look at the width of the thumbnail and display proportionately, i just need to modify the padding to open the window vertically. i found that it sort of works if i put that css in the DIVI Theme Customizer/Additional CSS (see screen shot attached)
• the problem is that it isnt showing the whole image, it is only showing the center portion of the image and stretching it to fill the whole window.
• another problem is that it isnt sticking to a 3x2 grid, it is flowing to 4x2 unless im in tablet size, so i would like to figure out a way to have it stay in 3x2 in tablet and Desktop size and drop to 1 up in phone size.
• another thing while we are at it is i would like to put a couple lines of formattable text on the hover state (see mockup) but im not seeing this in any of the divi options or the DiviUltimate options, am i missing it? is there a simple fix?

i was wondering if by going into the theme settings if i was doing it wrong and that DiviUltimate had a portfolio that may solve all of this?

thanks!

 

thanks so much, again, sorry if my ignorance is showing. im struggling to understand where the child theme ends, and divi begins and what i should be doing where. thanks again for your help, ill be implementing this shortly!

 

Thanks again. i had a chance to drop things in and mess with it and was able to get somethings to work

thanks! ill go there for more help on Divi.

i dropped in your code and was able to get the rollovers to work right... i got a little nervous about changing the default column structure to 3 from 4 as most of my site utilizes the 4 column structure and i didnt want a global change, just the portfolio was what i was looking to modify. I can modify my design so it works with a 4 column layout which may make the most sense.

what i am still unable to figure out is why im not seeing the full featured images. they are cropped in and blown up, whereas the asset is big enough to fill the image area, divi isnt displaying them correctly.

ill jump over to the forum you mentioned to see what they say.

thanks again!