figcaption breaks alignment in firefox

[doctorproctor]

Greetings, apparently the WordPress forum moderator insists that this is a Genesis theme issue (I'm using Navigation Pro) so I'm reposting this WP.org forum request here.

See e.g. this page,which displays fine in Chrome and Safari but not in Firefox (Mac latest). All images with captions should be right-aligned with captions below and text flowing to their left.

The issue only arises when my image has a caption, thus I'm zeroing in on figcaption as the culprit.

Navigation Pro CSS is quite clean:

.alignright {
	float: right;
	text-align: right;
}

and

figcaption,
.gallery-caption,
.wp-caption-text {
	color: inherit;
	font-size: 16px;
	font-style: italic;
	margin-bottom: 30px;
	margin-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

And when I check a sample captioned image in Firefox inspector I can't find an offending style.

Would sure appreciate your help!

Thank you,

Jim Proctor
Lewis & Clark College

https://wordpress.org/support/topic/figcaption-breaks-alignment-in-firefox/

[Author]

Posts