Images stretching

[barefootMarc]

I’ve added it that much i’m sure of:

http://test.overdrivedesign.com/structure/?portfolio=35-golden-ave

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Can you take a screenshot of the element you edited?

All these elements below the extra class is img
https://www.dropbox.com/s/99x7fbo9hautnxw/Screenshot%202015-09-24%2015.36.30.png?dl=0

-Rui

[barefootMarc]

here’s the screenshot. I’ve tried uploading this a couple times, keeps not working.

So i’ve added the size1 class to the elements in a row that is mobile visible only

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

.spb-asset-content.size1{
max-width:30%!important;
}

This code doesn’t work because it has the incorrect structure.

In the html the spb-asset-content is inside the size1 object so it should be like this

.size1 .spb-asset-content{
max-width:30%!important;
}

also that object is already being targeted by this rule

.size1 {
    max-width: 33%!important;
}

-Rui

[barefootMarc]

Fantastic. The images now remain the proper size. They still stack on top of one another, but i’m sure I can figure out a way with CSS to address that. Possibly float left.

[Kyle – SUPPORT]

Great, thanks Rui

– Kyle