Adam DeHaven

If you post a link to the page, I can take a look.

I haven’t seen any issues on mobile. If you can post a link to a page on your site with a pullquote enabled, I can take a look.

It looks like you have conflicting CSS font-size attributes in your theme (or something outside of the Perfect Pullquotes plugin).

Some of your text has a font size of 14pt (notice “pt” not “px”) and other paragraphs have a font size of 16px (notice “px” instead of “pt”).

You’ll need to troubleshoot this in your WordPress theme however those styles are being applied. It’s more conventional to use one unit for all font sizes on the site — whatever that unit may be (e.g. px, pt, rem, etc.)

Sorry I’m not able to help any further, but this is an issue in your theme’s CSS (or possibly another plugin) but nothing to do with the Perfect Pullquotes plugin.

If you can post a link to a page on your site as an example with a pullquote enabled, I can take a look.

Add this rule to your theme’s CSS:

.perfect-pullquote blockquote footer cite {
    display: inline-block;
}

If you’re not sure how to edit the CSS, search for a WordPress Plugin that allows you to add custom CSS, and insert this block to apply to your theme.

This is due to CSS rules bleeding over from your WordPress theme. If you post a link to your site with a Perfect Pullquote (and cite) enabled, I can take a look.

It looks like this line in your theme is causing the text-transform on the blockquote:

h1, .site-title, h2, h4, h5, .site-header, blockquote, .entry-card .entry-image .hover, .entry-card.format-quote cite, .author-info__link, .comments_add-comment, .comment .comment-reply-title a, .tags-links a, .jetpack_subscription_widget input[type="submit"], .widget_blog_subscription input[type="submit"], .search-form .search-submit, .page-numbers.prev, .page-numbers.next, .posts-navigation, #infinite-handle, div#infinite-handle button, .entry-meta, .byline .author, :first-child:not(input) ~ .form-submit #submit{
		text-transform: uppercase;
}

If you remove blockquote from this line, or add the following CSS to your theme, it should resolve the issue:

.perfect-pullquote blockquote,
.perfect-pullquote p {
    text-transform: none !important;
}

If you can post a link to your site with a Perfect Pullquote in place, I can take a look.

It looks like your theme has styles that are overriding the plugin. Glad you got it working.

Post a link to your site with a page that is using the shortcode and I can take a look

Glad to figured it out!

Copy the items below and fill them out. If you tell me what you’re wanting to change I’ll provide you with the CSS:

Font Size:
Font Color:
Left Bar Color:

Since it doesn’t sound like you’re too familiar with digging into code, I’d recommend using a WordPress plugin to simply add additional CSS to your theme that will override the plugin’s CSS and give you the look you desire.

Alternatively, you can go to your WordPress Dashboard > Appearance > Editor and add custom CSS in your theme’s style.css file. Be forewarned that messing up your theme’s CSS can be detrimental to your site, so I’d recommend the first option of downloading a plugin.

There was never a Settings option for the plugin. You’ll need to edit your theme’s CSS files. If you look through some of the other support questions for the plugin, there are samples of CSS that you can copy and modify depending on what you’re wanting to change.

Thanks for the head’s up. The fn is actually for the hentry however it appears that removing it is also valid.

The fix has been pushed and should be available soon as an update to version 1.7.2 via your WordPress Dashboard.