Actually, I already solved this issue for another user, so no problem! (See my website’s support page)
You’ll need to add the CSS below to your theme. You don’t want to alter the plugin’s CSS because if an update rolls out, your changes will be overwritten.
Simply add the CSS rule below:
.perfect-pullquote blockquote,
.perfect-pullquote blockquote p {
font-family: 'Lato'; /* Replace this with your desired font (might not need the single quotes) */
}
If you like a plugin, I’d really appreciate if you left a review on here or on my site linked above
Giving you a good review as I finish this – but might I trouble you for one last thing please?
http://smgknowledge.com/services/
The page now has the right font – but two things
1- it in italics (which I could live with if I must)
2 – is there any way to get rid of the shadowed box the text sits in.
I loved the screenshots from you examples – they were clean and simple.
I would be especially grateful for any help on these two. HTML is below for the line in question:
Streamlined Management Group Inc. (SMG) helps leaders help their organizations improve, change, and engage.[pullquote align=”right” cite=”” link=”” color=”” class=”” size=””]”Business performance improvement occurs only when people do things differently.”[/pullquote]
To remove the italics, change the CSS previously provided to what is shown below. Additionally, I noticed in your CSS that you “escaped” the single quotes around the font name like this: \'Lato\' which is not valid. Please ensure that your CSS looks exactly as shown below.
.perfect-pullquote blockquote {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.perfect-pullquote blockquote p {
font-family: 'Lato';
font-style: normal;
}
Adam
thanks so much for the rapid turnaround – we’re almost there
the fix above got rid of the italics –
but still left the shadowed box – which I saw you tried to address in your code snippet. visible here:
http://smgknowledge.com/services/
I tried to insert your css code twice – clearing the browser cache each time
still there
Let me if there is anything else I can do
Again many thanks for your terrific support
Keith
It looks like your theme is just overriding the CSS. Change the whole block to what I have here (notice the !important flag on the box-shadow properties:
.perfect-pullquote blockquote {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.perfect-pullquote blockquote p {
font-family: 'Lato';
font-style: normal;
}
Adam
YOU ROCK!!!!!!!
All good, clean – box gone – awesome job!
Will donate later today – in a public wifi currently waiting for a meeting.
But wow thanks very much for your terrific plug in and assistance.
Keith
Don’t donate (I’m sure other plugin authors would think I’m crazy). Instead of donating, I’d really appreciate if you just left [another] review on my actual website. Here’s the link: http://adamdehaven.com/blog/2015/05/easily-add-pullquotes-to-your-wordpress-posts-with-my-perfect-pullquotes-plugin/
Thanks!
Hi,
I’m using WordPress with the Patch Theme, with predefined special font headings (h1-h5) and formats (dropcap, intro text, etc.). Perfect Pullquotes is really nice, but whatever I do, in the posts the quotes appear in uppercase (all caps). I now know from the previous messages in this thread how to change the font style to adapt it to mine, but is there a way to have the quote appear in normal cases, with capital letters only where I want them – or, even better, as specified by my predefined headings and formats?
Thanks for your help.
Best,
Ana Gerschenfeld
Lisbon, Portugal
-
This reply was modified 6 years, 11 months ago by
anitage.
-
This reply was modified 6 years, 11 months ago by anitage.
If you can post a link to your site with a Perfect Pullquote in place, I can take a look.
I didn’t introduce any headings/formats, because it just doesn’t work, but I can do it if you need to see what’s going on.
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;
}
It worked! (i added the CSS)
Thanks a mil, Adam!
Best,
AnaG
