nsim2021

I already have a plugin that makes thumbnails optional in excerpts and controls their size. What I need to do it shut off the “big” featured image thrown onto the post header by the Motif theme, which has no control or option for this in customizing.

Hi.

That sounds like a great idea. It’s a great spot for random quotes.
I don’t have a blog where I could test that out, and I don’t know php, but anyway, here’s a wild idea that might work.

Install a plugin that will allow you to put shortcode from any widget anywhere in your blog. Here’s a post that describes how to do that:

https://smallenvelop.com/find-widget-shortcodes-to-use-it-anywhere-in-wp-theme/

Widget Shortcode seems to be designed to add your widget to pages and posts, but maybe it can work in the header, too. You will have to try.

The Widget Shortcode plugin will create an Arbitrary area in your widget page. Drag your Random Quote widget into the Arbitrary area, so it won’t be seen on the front of your blog.

Activate your Random Quote plugin and configure it the way you want in the Arbitrary area. Then grab the widget ID from Random Quote widget in the Arbitrary area, using the Widget Shortcode plugin, and the instructions on the page linked above.

Add the widget to your php wherever you want it.

https://smallenvelop.com/find-widget-shortcodes-to-use-it-anywhere-in-wp-theme/

I hope this works, let us all know, because this is a really nice idea.

What are you trying to do? Are you trying to center your widget?

Or, are you trying to center the text of each quote you add to Quotes Collection?

If the latter, I’m linking a picture below of what I’m suggesting to center the contents, usually the text, of each individual quote.

Your Quotes Collection may look a bit different depending on the version you are using. Click below to view a picture of what I mean:

https://bit.ly/3aE4yrh

If it’s the widget you’re trying to center, I’m sorry, I don’t know how to do that.

Glad to hear it.

First, are you sure you want a lot of new pages to load? They will clutter up the visitor’s browser….

Meantime, I’ll have to work on this question, I’ll get back to you.

I don’t know why it keeps NOT showing the code when the code tags are around it. REGULAR image link from an image in your media library to wherever you want it to appear in your quote content. Again:

<img src="http:IMAGE.png" width="216" height="267" hspace="0" vspace="0" alt="image description" />

Hi. It seems that anything you can do with regular html or css, you can also do in the Quotes Collection panel where you insert your quote content.

As an example, I happen to have used a span style to enlarge the opening quotation mark with a DROP CAP code. You can play with this idea to try to come up with the design you want.

<span style="float:left;color:#D4D4C7;font-size:44px;line-height:35px;padding-top:3px;padding-right:3px;font-family: Times, serif, Georgia">"</span>...but every wanton and causeless restraint of the will of the subject, whether practiced by a monarch, a nobility, or a popular assembly, is a degree of tyranny.</p>

Perfect your design in an .html page on your desktop, then drop it into your Quotes Collection panel to finesse it.

Another option is to just create the images, upload them to your media library, and copy the links to the images. Insert the image links before and after your quote content, same way you would insert an image any time. Align the images as required.

Quick idea:

https://bit.ly/2ZGfJJH

• This reply was modified 4 years, 1 month ago by nsim2021.

Hi. You don’t need css to put the link around it. I just happened to use my own existing quote as an example, it already has css in it by me for other purposes.

It’s very simple to add a link from your quote to a desired page. Put the ordinary link code in front of your quote content:

<a href="https://PAGE.html">

And put this after your quote content:

</a>

Problem solved.

Hi. Try this. Put

<div align="center">

in front of your quote content, and put this after the end of your quote content:

</div>

I sure hope he still is active. The plugin is fabulous.

Oops, something’s missing, the LINK code:

<a href="https://localhost/Confederation_of_Canada_as_a_War_Measure/about/w-p-m-kennedy-1922-the-confederation-idea/">xxxxx</a>

Don’t worry about that broken image, it’s because it’s not online, it’s in my localhost. Substitute any image you like for your own quotes if you want to try this.

Hi.

I think I can help.

I love Quotes Collection. I’ve got Version 1.5.9 in xampp in localhost running on my laptop. Site’s not online yet, but I’ve been able to use html and css in my quotes, adding a drop-cap code to enlarge the opening quotation mark, and even adding an image above each quote. I don’t see any reason why you can’t put a manual link around the text of your quote to link it to the url of your post. You’d probably have to use a snippet of css to remove the link underline. I’m no pro at any of this, I just fiddled around until things worked.

Here’s my quote from William Blackstone in the Quotes Collection panel.

1 – https://bit.ly/2NEU9CN

Here’s my code for that, written right into the Quotes Collection panel where the quote goes:

<br /><span style="float:left;color:#D4D4C7;font-size:44px;line-height:35px;padding-top:3px;padding-right:3px;font-family: Times, serif, Georgia">"</span>...but every wanton and causeless restraint of the will of the subject, whether practiced by a monarch, a nobility, or a popular assembly, is a degree of tyranny.</p>

If I now want to link that quote content to a post url, I add:

xxxxx

with xxxx being the place holder for the whole content of the quote.

The result is a blue link on the quote TEXT in the Quotes Collection panel (no highlight in this case shows up on the image even though it’s included inside the link around the quote):

https://bit.ly/3bkBNz8

Here’s how that looks on the site (no change in appearance by default):

https://bit.ly/3pFlJgo

Now, if I hover the cursor over the text of the quote, the text changes color and is underlined:

https://bit.ly/3dxEC2I

Clicking it actually brings up the desired page added with the regular html link code.

If you don’t like the underline and highlighting on your quote content when you hover the cursor over it, you can use a bit of css locally to remove the link’s “text decoration”. Here’s a quick sample online of how to configure your link to do that:

https://support.e2ma.net/s/article/Remove-underline-from-links

I hope that helps.

And I hope the example above will give everyone using Quotes Collection ideas on how to dress up quotes with an image and css. There seem to be a lot of posibilities with this great plugin.