Swift framework portfolio grid skews thumbs

[lobsterass]

Hi!

I’m wondering why my portfolio thumbs in the swift portfolio grid skews the images? I would like thumbs to be a full column (350px) wide. Please help.

<3

A

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please add this custom CSS to your theme options:

aside .portfolio-grid li {
    width: 100%;
    height: auto;
}

aside .portfolio-grid li a img {
    width: 100%;
    height: auto;
}

Thanks.

[lobsterass]

Hi David!

Sorry, I can’t get that to work.

Is it something I’ve done by mistake in the Simple Image Sizes plugin? Please see screen grabs of my settings there.

<3

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

I have updated the code:

.sidebar .portfolio-grid li {
width: 100%;
height: auto;
}
.sidebar .portfolio-grid li a img {
width: 100%;
height: auto;
}

Thanks.

[lobsterass]

Ah! Cool! Almost fixed! Could we make it two columns? The thumbs are so big now.
🙂

[David Martin – Support]

That would require a less percentage value. Ex:

.sidebar .portfolio-grid li:nth-of-type(2n+2) {
    margin-right: 0!important;
}
.sidebar .portfolio-grid li {
    width: 48%;
    float: left;
}

Thanks.

[lobsterass]

Hi,

That makes it look terrible, I’m afraid. Please see image.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Please add this and be sure to clear your WP Cache Settings => Delete Cache:

.portfolio-grid li {
    height: auto!important;
 }
.portfolio-grid li {
	width: 45%;
	height: auto;
}
.portfolio-grid li:nth-of-type(2n+2) {
    margin-right: 0!important;
}
.portfolio-grid li a img {
    width: 100%;
    height: auto;
}

Thanks.

[lobsterass]

Hi David,

I guess you’re testing stuff around now because all navigation on my site is messed up and I have no sidebars anymore. I did see this css working though – only the thumbs should be slightly wider on t. Please be aware of that this is my live site and now it looks really bad while this stuff is going on during business hours. Please let me know that my stuff is back.

[lobsterass]

Maybe it’s easier if Ed gets to look at this? I really don’t want my site looking like this. Please help.

[David Martin – Support]

Hi,

I have not been doing anything on your site.

The sidebars issue is related to WordPress 4.4 update that you have likely run, they changed the sidebar format. We have fixed this today and are sending the update out currently.

Thanks.

[lobsterass]

Hi again! I updated everything now. Phew! Stressing out like nuts.

The sidebar thumbs are still about 26 px short on the right side. Please see image.

Attachments:

You must be logged in to view attached files.

[lobsterass]

They are scrambled too. Please see image.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Change the width value to width: 48.5%;.

The mixed layout is because your images are variable heights.

Thanks,
David.

[lobsterass]

OK. Cool, the width works now. But I don’r understand why some of my thumbs are the wrong proportion all of a sudden. I’m anal about image sizes etc. ALL my thumbs are the same. How do I solve this?

Attachments:

You must be logged in to view attached files.