[3rdBardo]

Additional note on setting Portfolio rows per line…

I’ve just found that simply adding an extra style for “#portfolio .item” in an *external* stylesheet will not work.

You will need to change Line #430 in main.css from
#portfolio .item { float:left; width:210px; margin-left:30px; margin-bottom:40px; }
to
#portfolio .item { float:left; width:295px; margin-left:30px; margin-bottom:40px; }

in order to get 3 rows appearing in a 940px width version of Bootstrap.

The reason for this is that the external style only kicks in on a page reload. The first time the portfolio is loaded, it will use the 210px style as the default. But using Shift+Reload will then change it to 295px. The initial page load is what’s important.

Is there any way that this default width for portfolio items could be set in the Responsy theme settings? This would mean that line #430 is removed from the main.css and then added later in the Header styles.

Just a thought, but it would be very useful.

Thanks again!

[3rdBardo]

…ignore my last comment! DOH!

I just found that the overlap seems to be due to the main isotope.js being cached, and the browser using dimensions that were stored.

I simply forced the page to clear the cache (Shift + Reload), and the new dimensions now work. There are now 3 items per row! Woohoo!

I hope this thread helps someone else…

Thanks! :)

[3rdBardo]

Hi,

Still have a bit of an issue – simply changing the width of the isotope item makes the items overlap, instead of the last one floating to the next row.

I’m currently using:

#portfolio .item { float:left; width:300px; }

…taken from main.css (around #437), with the width adjusted from 210px to 300px, but the result isn’t quite as expected. See: http://dev.knowledgeconstructs.com/portfolio/

Any ideas about how I can adjust the isotope-item, so that the widths get wider, and there’s 3 items on the full-width Portfolio page?

Thanks again, in advance for any suggestions. A bit stumped on this one… :$

[3rdBardo]

Hi,

Thanks for this solution.

I was just wondering if it would be possible to have “fitRows” as the default in main.js for the next release? Alternatively, it would be useful to have some way to select either option without having to amend the main.js file.

The main reason I ask is that in the last 2 days, there’s been 2 Responsy releases, and each time I’ve had to re-add this line. It’s a bit of a hassle having to re-do it, as the main.js file gets overwritten when updates are uploaded.

It would be great if this “fitRows” was the default. I’d guess most people would prefer to have their portfolio elements lining up when there’s text underneath.

Thanks in advance. Keep up the great work!

[3rdBardo]

Yeah sure. I’ve reduced the site size down to the bootstrap 940 dimensions, so now there’s 4 items per row, however 3 per row would be a bit better.

Here’s the url of the development site:
http://dev.knowledgeconstructs.com/portfolio/

Thanks for any tips, in advance!

[3rdBardo]

Hi Mehmet,

Thanks for the jQuery function – I forgot it was possible to do it that way (nice quick solution). I’ve now added it and included appropriate script tags as well as making sure this jQuery function was in no-conflict mode*.

* i.e. I’m using jQuery(function ($) rather than $(function(), as it’s safer.

I just thought I’d mention this issue as it’s also about “managing expectations”. As a theme user, I expected that the buttons would be the same, regardless of whether the blog index is using the excerpt or the more link. It would be nice to see this in a future version without needing to tweak the theme – as not everyone knows how to do this! (thankfully, I do :) ).

Anyway… I just remembered – I think I saw that jQuery for the “Enable Contact Form 7 Styling” option (Theme setting/Contact) isn’t in no-conflict mode. Could that also be tweaked for a future version?

Keep up the great work, and thanks again for the fix… it works wonderfully!

Cheers,

Zain