search

downshiftorg / prophoto7-issues

A current roadmap and bug tracking for ProPhoto 7
1 stars 0 forks source link

Legacy P3 gallery placeholders are shown by front.css #795

Open postmastersteve opened 4 years ago

postmastersteve commented 4 years ago

Legacy versions of ProPhoto would add placeholders in the content of WordPress posts & pages which were forcibly shown in the WordPress admin with some CSS overrides. However, the inline styling should have hidden them on the front-end.

Placeholders show up with HTML like this example:

<img class="p3-flash-gallery-holder p3-placeholder p3-gallery-imported aligncenter" style="display: none;" src="https://prophoto.s3.amazonaws.com/img/p3-flash-gal-placeholder.gif" alt="">

However, ProPhoto 7 uses a front.css rule that is causing these placeholders to be seen on the front end:

.aligncenter, .pp-img-protect-aligncenter, div.aligncenter img, .pp-pinit-wrap-aligncenter {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

Perhaps the .aligncenter selector should be altered like .aligncenter:not(.p3-placeholder) to fix this? Or maybe don't apply the !important ??

postmastersteve commented 4 years ago

+1 Rebecca Serpe ticket 201973