Adam DeHaven

I can take a closer look this afternoon.

For now, you could add a CSS rule that would target empty paragraphs.

Try adding this CSS to your theme:

p:empty {
  margin: 0;
  height: 0;
  /* If the above rules don’t work, you can try enabling the rule below */
  /* display: none; */
}

It looks like you actually just have a blank paragraph inserted after the quote on the page. If you remove this paragraph, the spacing will look correct.

Linear gradients are not technically possible as a border color option; however, what you’re wanting to accomplish is possible if you don’t mind adding some custom CSS to your WordPress theme (or utilize another plugin that allows you to add custom CSS). This solution should be fine in most browsers other than Internet Explorer versions less than 11 (not likely an issue if I had to guess).

Here’s what you’ll need to do:

Add a custom class for the corresponding gradient to the shortcode:

[perfectpullquote align="full" color="#128C7E" size="22" class="pullquote-gradiant-red-to-green"] Text[/perfectpullquote].

The class shown above can be anything you like, as long as it’s not something already being used on your site.

Next, add the custom CSS shown below to your theme (either manually, or with a plugin):

.perfect-pullquote.pullquote-gradiant-red-to-green {
    border-image-slice: 1;
    border-image-source: linear-gradient(to bottom, #cc3300 55%, #00cc00 100%);
}

If you want to add additional gradient variations, simply add additional custom classes as shown above, making sure to use unique class names, and updating the value of the linear-gradient in the border-image-source for each one.

• This reply was modified 3 years, 12 months ago by Adam DeHaven.
• This reply was modified 3 years, 12 months ago by Adam DeHaven.

@swissspaceboy I have tested the plugin with WordPress 5.5.1, and everything looks good. I have submitted an update to the plugin to reflect the testing status.

Don’t be scared – live on the edge ??

I don’t actively use WordPress myself these days, but I’ll see about testing in the coming weeks to get rid of the message, assuming everything looks good. I’ll reply here if you want to follow the thread.

Why does it need to be updated? If it’s installed on your site and working properly, what’s the issue?

• This reply was modified 4 years, 2 months ago by Adam DeHaven.

Nothing has changed with the plug-in, so if I had to guess, it’s because you have multiple paragraph tags within the shortcode. Instead of using paragraph tags to break up the actual paragraphs within the pulluote, try separating them with line breaks instead. You may have to switch to the HTML editor once you have your text in place to make the edit(s).

Here’s an example:

[perfectpullquote align=”full” bordertop=”false” cite=”” link=”” color=”” class=”” size=””]I didn’t understand it. It was visually interesting to me but it felt to me like data about things that had already happened, That’s not that exciting to me, but the visual of it was exciting. And then watching people engage with it in that room was exciting because there were people who were excited about it. It felt to me like it was supposed to be almost like some entertainment the first time I saw it.
<br><br>
It felt to me like a distraction, being able to see real-time changes was cool. . . But then I’m like, well what’s the point? the data may be true but it’s really not useful, you know what I mean?[/perfectpullquote]

Your theme has a style that is causing the issue. Just add the following CSS to your site:

@media screen and (max-width: 768px) {
    .perfect-pullquote {
        max-width: 90% !important;
    }
}

There are media queries in place. Most themes conflict, and all themes are different, so any specific custom media queries should be handled by your theme.

I think you’d be well served by learning how to code rather than shit-posting on WordPress plugins.

The purpose of the plug-in is to give users that typically use the blockquote element from the default editor an alternative that outputs the same HTML element as the editor, albeit with other valid attributes, tags, options, and even the convienece of changing colors, without having to know/code HTML.

If you want to jump off your “smartest guy in the room” train for a second, you’d realize that modifying the plugin files is a no-no as whenever an update to the plugin is released, those changes would be reverted.

Let me know when you modify your version of the plug-in. I’ll push out an update just for you ??

Hey, thanks for your feedback.

I see where you’re coming from, however, according the specs:

The HTML <aside> element represents a portion of a document whose content is only indirectly related to the document’s main content.
[…]
Usage notes: Do not use the <aside> element to tag parenthesized text, as this kind of text is considered part of the main flow.

(emphasis added)

Since the quote is directly (not indirectly) related to the document’s main content, the <blockquote> element is acceptable.

• This reply was modified 6 years, 4 months ago by Adam DeHaven.

If your theme is already styling pullquotes in a way you prefer, just don’t install the plugin. In order for Perfect Pullquotes to style block quotes as shown, the element and it’s children must first be reset to prevent conflicting styles from themes.

In order to globally override the default border color, just add the CSS snippet below to your theme. Update the #eeeeee HEX color code with the HEX color of your choosing.

.pullquote-align-left,
.pullquote-align-right,
.pullquote-align-full {
  border-color: #eeeeee !important; /* Change to your desired HEX color */
}

If you’re wanting to change the bar color, use the color attribute on the shortcode.

To change the text color, just add this CSS to your theme:

.perfect-pullquote blockquote p {
    color: #ffffff !important; /* Replace #ffffff with your desired color */
}

This will make the text white, however you can replace #ffffff with the HEX color of your choice.

• This reply was modified 6 years, 11 months ago by Adam DeHaven. Reason: Spelling

If you have any issues, just start a new thread and I’ll be glad to help.