template version 1.4 first bug?

Vfxdude » BigFeature

template version 1.4 first bug?

(31 posts) (7 voices)

Started 1 year ago by axelts
Latest reply from vfxdude

Tags:

12 Next »

axelts
Member

I've just upadated correctly with the last 1.4 update following the guide. I've export the old settings, disabled the widget, cancelled the old template folder, updated the new one, imported again the settings and set again the widget.
The problem is that now I can't see the main side bar!! The widget show at the end of the post and I get a post that uses all the full width of my template setting (900px). Is a bug? With 1.3.5 was working perfect with the same settings...

The page I'm talking about: http://www.alessandromichelazzi.com/corso-di-fotografia-digitale-di-base.html

Posted 1 year ago #
axelts
Member

Ok,

i've resolved by myself, seams to be a problem about the sidebar width. Because I've changed the container width to 900px, I think that the old setting of 270px was putting the sidebar to the bottom. Not setting to 200px works good. I only not understand why with 1.35 version all was working without changing the size of the sidebar.
One problem that I still have is about the search box that seams to be styled for the 270px bar. How can I change the size to fit my new 200px sidebar?

Many thanks,

A.

Posted 1 year ago #
avance24
Member

".searchform .searchbox" in style.css, proberbly have to change ".searchform .searchfield" as well, this sticks over the bottom of the searchbox border for me

Posted 1 year ago #
rollinhand
Member

When you paste youtube urls into a post the video windows doesn't stretch to fit the post width like it used to.
Sometimes it does and sometimes it doesn't but I dunno why.

Does anyone else have this problem?

Maybe the auto-resize thingy for large images is turned off too?

Posted 1 year ago #
vfxdude
admin

axelts, nothing is changed regarding this in the new version. save the theme settings to recalculate the widths in the cached stylesheet.

avance24, nothing is changed with the search in this version. Do you have a link or a screenshot to show what you are talking about?

rollinhand, is this when you enter the url into the post editor or add the url into the video field below the editor?

Posted 1 year ago #
rollinhand
Member

Oh I paste the Youtube URL into the post editor [html]

It seems to work in Chrome (the player stretches to the width of the post) but in Firefox and IE the players remain small (like 200x150).

Also images that are too big to fit in the sidebar doesn't seem to resize like they used to do. They resize fine in the posts though, so that seems to work.

It seems like my hosting is down/crawling at the moment so maybe it's just me?

Posted 1 year ago #
vfxdude
admin

could be the css image/embed/obj max width conflicting with the automatic oembed width. will investigate this. a link would also help.

Posted 1 year ago #
rollinhand
Member

Ok, servers are back up again:

http://vape.co/

So, youtube looks fine in Chrome but not in FF / IE.
Sidebar resize is broken in all browsers.

Posted 1 year ago #
vfxdude
admin

yep, it's the max-width css. remove this from optionstylesgen.php (in library/css):

", #content obj, #content embed"

it's really only necessary for the videos anyway, did not test this thoroughly. Too large images outside the content area is not resized, but you can add this to style.css if you still want that:

#container img { width: 100%; }

Posted 1 year ago #
avance24
Member

".searchform .searchbox" in style.css, proberbly have to change ".searchform .searchfield" as well, this sticks over the bottom of the searchbox border for me

Actually this was the same in the previous version, I had to take a pixel off the padding in searchfield to stop it going over the box frame.

[url=http://sophiaskolan.se/ny/Screen%20shot%202010-09-03%20at%2017.25.46.png][/url]

This is Safari 5.0.1 Mac

Posted 1 year ago #
vfxdude
admin

avance24, ok. I probably have to get a mac so I can test there too.

Posted 1 year ago #
rollinhand
Member

Fantastic! It works great now, thanks! :)

Posted 1 year ago #
timlawrence25
Member

Vfxdude,

It's not just videos, it also is a problem with photos.

Posted 1 year ago #
vfxdude
admin

timlawrence25, what is? max-width? with oembed of images? what browser? can you please be more specific so I can solve this.

You can remove max-width from the bottom optionstylesgen.php (in library/css. it's the last line).

Posted 1 year ago #
avantime
Member

I'm having the same problem as rollinhand.
I've erased ", #content obj, #content embed".
Everything is ok in IE8 and Chrome but not in Firefox 3.6.10

Any ideea how can I fix it?

Thanks!

Posted 1 year ago #
avantime
Member

Update: The problem it's only for YouTube. Vimeo videos are working fine.

Posted 1 year ago #
avantime
Member

Update2: the problem above was fixed. I dont' know how :). I've seen the change after I switched to BFarea child theme and back.

A second problem has arised unfortunately: I can't seem to be able to create the thumbnails for Youtube videos.
I've read all the related threads from here, I've used proplayer with the proper settings and several bfthumbs versions. The first one it shows the posts but without thumbnails [bfthumbs showposts="9" numwords="15"].
The second one it shows nothing
[bfthumbs category="video" numposts="3" width="269" height="150" numcols="3" marginright="20" text="false" title="true" cufon="false" popup="false"]

I'm doing something wrong maybe so if anyone has some advices I will be happy to receive them.

Thank you!

Posted 1 year ago #
vfxdude
admin

the first thumb here is fetched from youtube. The proplayer shortcode added is like this:

[pro-player width="640" height="385"]http://www.youtube.com/watch?v=rT8fbbje83c[/pro-player]

Posted 1 year ago #
avantime
Member

I'm sorry but I don't quite understand your reply.

Please let me explain what I did and what I want to achieve:
- I've created 3 posts, each of them having text and an Youtube embed code
- all 3 posts are in "video" category
- I've created a page called Videos and I want to assign the posts from "video" category to show on this page
- I want this page to look like the second or third from http://www.vfxdude.com/blog2/showcase/bfthumbs/
- at this moment I'm getting a blank page if using this code [bfthumbs category="video" numposts="3" width="269" height="150" numcols="3" marginright="20" text="false" title="true" cufon="false" popup="false"]
- I'm getting just the title and excerpt when used [bfthumbs showposts="5" width="153" height="120" numcols="5" marginright="20" text="true" title="true" cufon="false" numwords="10" meta="true" class="mediumheading"]

What am I doing wrong or what am I missging?

Thanks!

Posted 1 year ago #
vfxdude
admin

there's no automatic fetching of video thumbs when using an embed code, you need proplayer for that, that's why I showed you the proplayer shortcode. It also works with an url, but then proplayer must be activated. It's explained here.

Posted 1 year ago #
avantime
Member

In one of the posts I've used exactly the code provided by you above.
Proplayer was already activated and customized as per your instructions.
I've used now this code but in the Videos page nothing is shown [bfthumbs category="video" numposts="4" width="414" height="200" numcols="2" marginright="20" text="false" title="false" caption="overlay" popup="true"]

Posted 1 year ago #
vfxdude
admin

to see if it's a problem with the bfthumbs shortcode remove parameters:

[bfthumbs category="video"]

and if that works add more parameters. and please create a new topic for this, since it got nothing to do with the 1.4 release.

Posted 1 year ago #
danialhr
Member

The tips above have been really helpful. I increased my width to 900 and now my sidebar appears both in FireFox & Safari.

Still have some issues to ask. I edit my style.css and added #container img { width: 100%; }. smaller pictures expanded and height never changed thus becoming a distorted image. I also have a picture that did not expand as well to be a featured image. I reverted my settings it didn't look as bad but some images that were huge didn't shirk.

http://butternjam.com/category/homedecor/

The prev version had images resized to fit very well. all images were fit nicely to the width and images were proportionately scaled to match every other image and video size. Will these issues all be solved in the near future?

Thanks.

Danial

Thanks.

Posted 1 year ago #
vfxdude
admin

The last version used a javascript to resize all images proportionally in all browsers, but this script caused several problems, so I removed it. The css I added instead is also causing several problems. The resizing css is exactly like in Twenty Ten (the theme that comes with wordpress), but it is causing problems with the external thumb images (f.ex. video thumb images), so I might have to go back to that script.

I have checked 10 very popular themes, and only Twenty Ten resize the images with css like that. The other ones do not resize at all, some set an overflow hidden, so that images do not flow into the sidebar (or outside the container), and some don't address this issue at all. Users are meant to insert the right size images (use one of the sizes offered by wordpress when inserting), and not rely on resizing..and I agree. Don't misunderstand me, I'm not talking about the default post images (the images above the title and the thumb images) because they are resized by timthumb, and that works just fine.

I'm now working on this issue and will probably recode that javascript, but if this keep causing problems, I will remove it, and add an overflow hidden like the other themes.

btw, in version 1.4 I also added an image shortcode that use timthumb for resizing, so setting a width parameter there can be an alternative if the image is too wide.

Posted 1 year ago #
vfxdude
admin

when all that is said, here is a fix that works well if your are not using external thumb images:

#container img { height: auto; max-width: 100%; width: auto; }

Posted 1 year ago #
vfxdude
admin

adding this javascript instead of the css above solves the problem:

<script type="text/javascript"> jQuery(function($){ $("#container img").not(".postimage img").css({ 'height' : 'auto', 'max-width':'100%', 'width':'auto' }); }); </script>

Posted 1 year ago #
danialhr
Member

But where do I include the code? added into style.css under blog post but there was no changes.

On the other note my shortcode doesn't seems to work it give me these following error:
Warning: Invalid argument supplied for foreach() in /nfs/c04/h03/mnt/64207/domains/butternjam.com/html/mag/wp-content/themes/bigfeature/library/functions/shortcodes.php on line 599

What happened?

Posted 1 year ago #
danialhr
Member

I know what happened. I made a silly error i did the code in visula and not html. 2nd problem fixed.

but still need to understand the javascript where should it be pasted?

Posted 1 year ago #
vfxdude
admin

add it to header.php or footer.php.

Posted 1 year ago #
danialhr
Member

i added it to header.php and footer .php neither made any changes .

<script type="text/javascript">
jQuery(function($){
$("#container img").not(".postimage img").css({ 'height' : 'auto', 'max-width':'100%', 'width':'auto' });
});
</script>

Posted 1 year ago #

RSS feed for this topic

12 Next »

Reply »

You must log in to post.