I have come across a compatibility issue with this template in Chrome. I have heard that it is effecting Safari and Firefox users as well. The bottom line is that the featured image thumbnail is overlapping the text due to the shadow effect not being compatible with Chrome (and possibly other browsers).
One quick-fix that I have found for this problem essentially removes the shadow animation from the featured image thumbnail all together, which remedies the problem but also takes away from the design of the template.
The fix was done by editing the ‘postformat.php’ file under Montezuma Options > Sub Templates > postformat.php
The line of code that was fixed was the following:
<?php bfa_thumb( 620, 180, true, '<div class="thumb-shadow"><div class="post-thumb">', '</div></div>' ); ?>
Was changed to:
<?php bfa_thumb( 620, 180, true, '', '' ); ?>
This fix was originally crafted by juggledad over at bytesforall.com, here is a link to his post:
Again, this fix is NOT complete, it compromises the quality of the template. It simply removes the fancy animation from the featured image thumbnail which makes the template look worse in quality. I am either looking for a full fix to the problem (one that does not remove the shadow animation) or to notify the developer of the template that the shadow effect on the featured image thumbnail needs to be updated to accommodate all browsers.
If anybody has found a way to fix this by editing the CSS I would be very appreciative if you could post the fix here! Thank you!
- The topic ‘Compatibility Issue with Chrome – Featured Image Overlapping Text’ is closed to new replies.