Theme page recipe

[tavegyl]

Hi all,

I've been trying out a very simplified version of the recipe Sayontan uses for the Suffusion theme page. I'm not sure what I'm doing wrong, but on some browsers (my Chrome for instance) it doesn't display correctly. The widgets and image are both truncated, and the image is floating somewhere over the widget instead of being nicely placed inside. It shows well on Firefox, but when others looked at it, they report it's truncated (I think they're using IE 7), but sometimes it could be refreshed to appear correctly.

(link removed)

In case it doesn't appear wonky on your computer, I've taken a screenshot from mine:

(link removed)

By contrast, the Suffusion theme page on this site looks just fine, so I know I'm doing something wrong.

Any thoughts? I'm stumped This ain't my line of work, so be kind....

thanks!

Edited to remove links

[drake]

You can start by using simple images uploaded normally in the media library, not singlepic's from ngg or other plugin, probably this simple fact will solve the problem.

Also you can try to add at Suffusion Options -> Backend -> Custom Includes -> Custom Styles an explicit height for your content:

Code: Select all

#content {min-height:485px;}

[tavegyl]

Hmm. I forgot to mention, I've already tried putting the images in directly instead of using shortcodes. Forcing the content size has made the image appear, but the white widget box is still a small white patch floating behind it.

(ie not an image uploaded to NextGen, just a plain old Wordpress media upload)

[drake]

I don't understand how you inserted those images and "patches"... Those patches appear styled inline with 58px height... Can try to add at Custom Styles:

Code: Select all

#text-2, #text-4 {height:auto !important;}

[tavegyl]

Success! I'm not quite sure what happened, but adding that custom include plus using media from the Wordpress media upload seems to have done the trick. Thank you so much!

[sayontan]

I can't see your links, but I am guessing you have a JavaScript issue resulting from a conflict with a plugin. JS issues can manifest themselves in different forms on different browsers, hence the display inconsistencies.