Ok, now it works. I try to reactivate WP Smush.it and see what happens.
Thanks.

i realized i dont have the pretty photo plugin installed so i downloaded it uploaded the zip into plugins and it failed?

please help,m

sorry one more link to show u the portfolio images dont show at all

http://www.heliproducts.com/webtest/portfolio/

Thanx Josue,

That was the first CSS that I changed (also with !important) but no luck. Now I tried uploading the images folder as you suggested, but no luck. Not sure if it’s a relative path issue ../images or just a CSS that’s overriding the avia-button class. Because when I set the above selectors to the CSS in shortcodes.css in Crome’s Dev Tools, it works exactly how I thought it would. But I know that invovles a hard code change to the CSS/theme, and I’m trying to avoid that.

Thoughts?

– Michael

Single post style with big preview image. You can see a sample page here: http://yourmiweddingvenue.com/stand-out-in-the-wedding-industry/

• This reply was modified 12 years, 5 months ago by jenerdman.

I spent some time with the menu and figured it out — Looking good — Thanks

thank you for all the help. they work great : ) However i’ve encountered a bug, seems like the arrows dont show up sometimes, and sometimes only some of them show up. Seems like sometimes they randomly disappear. What could be causing that?

Hi Peter, thanks for your reply. It works, but since the image is added in header.php the image appears in all the rest of the pages, just without the css class. I tried adding a display: none to an extra class without .home in front but then the bottle disappeared everywhere. I’m missing something here. Hope you can help. This is what I tried:

.home .bottle{
width: 153px;
height: 737px;
position: absolute;
left: 75px;
top: 54px;
z-index: 1000;
}
.bottle{
display: none;
width: 153px;
height: 737px;
position: absolute;
left: 75px;
top: 54px;
z-index: 1000;
}

Best regards
/Michael

@maratino Thanks for the tip. I will add one thing here to your post. IE 8 can have issues with max-width. It may not happen with your code, but folks should be aware of some max-width issues with IE 8. Usually it’s with an element with overflow:hidden. And for sure it has issues with < img > max-width when the widths and heights are specified. In that scenario it works in compatibility mode, but not in standard mode. There are additional oddities with IE 8 that a Google search will highlight as well. I share this tidbit so that if someone has weird things happening in IE 8, they might want to take a gander at max-width. It has troubled us on many occasions.

Having said that, we have definitely experienced some issues with some max-width properties in Enfold. I’ve meant to bring it up, but haven’t had the time. Perhaps I might start a separate thread, but specifically, in the base.css file, there is a global property on < img > with max-width set to 100%. It’s near line 150ish (I’m recalling this from memory). We have some dynamic content being inserted into areas of Enfold with Ajax and callbacks, and the max-width property is not recognized in IE 8. No image renders in the browser. This is a separate matter for another thread, but I thought I would bring it up as an example just in case some folks experience some odd issues in IE 8.