Getting Started

Last thing, promise. Is it not possible to keep the next quote button still and centred? It moves depending on the size of the quote text.

CSS isn’t my best language… what shortcode are you using and I’ll try and give a css tweek for it.

Cool, thanks. Just the basic [quotes-llama]

Check out the “Next Quote Links” FAQ on the plugin homepage. I will copy/paste the relevant section here:

—

You can also change how the link is displayed using CSS.
Some examples:

• .quotes-llama-widget-random hr {display: none;} This will remove the line between the quote and the link.
• .quotes-llama-widget-next {text-align: left; font-style: normal;} This will align to the left and remove the italic.

Navigate to your Dashboard–>Appearance–>Customize–>Additional CSS. DO NOT directly edit any theme/plugin files as they are ALL overwritten when updating.

—

Edit: So, you would first open Additional CSS, then the page with the quote on it, then copy and paste this into Additional CSS to center the next-quote button:

.quotes-llama-widget-next {text-align: center;}

This works for any element on your page… right-click and inspect or view source.

• This reply was modified 2 years, 1 month ago by oooorgle.
• This reply was modified 2 years, 1 month ago by oooorgle.

Got ya, still moves around a lot due to the size different in the quotes, but thanks for trying, as opposed to something like this for example.

https://randomwordgenerator.com/motivational-quote.php

Would there be some code to move the first and second name to the left? Tried to guess and add some css code, but couldn’t get it correct.

.quotes-llama-widget-author{text-align: left;}

• This reply was modified 2 years, 1 month ago by oooorgle.

Thanks!

I am using [quotes-llama] on a page to simply display one “Quote” at a time, with the “…(next prompt)” trigger to move to the next one. [My quote is a single line of text with no additional attributes other than the Quote input field; so no author, title, source, names, etc.

I am trying to remove the line between the quote and the next prompt, but the code, “.quotes-llama-widget-random hr {display: none;}” does not do that on my page.

Is there something I need to adjust in the code to get that to happen? I am not using this in a widget area, just the shortcode on a static WordPress Page.

That should work. I just tested it and it worked for me… see image example: https://imgur.com/a/CkLQQCp

Are you placing the CSS into the “Additional CSS” field of the editor as example in the image?

If perhaps another class is overriding it, you could declare it !important to see if that is the case.

.quotes-llama-widget-random hr {display: none !important;}

• This reply was modified 1 year, 11 months ago by oooorgle.

Yes, I have that line of code in “Additional CSS”.

The page I am having trouble with is at https://stacycarlone.com/writing-prompts

A screenshot of my code is here: https://stacycarlone.com/image

It has to be something with the way it’s entered (bad character) into the Additional CSS field or your WordPress installation is not applying it for some reason. It doesn’t add it in, but when I type the element into “inspect” it does work live on the page: https://imgur.com/a/gLp3x6H

Perhaps try and copy/paste this in and see: .quotes-llama-widget-random hr {display: none !important;}

Thank you for taking a look and going the extra mile to help me through this. I added the code higher up in the Additional CSS block and it did process correctly, so we are all set here, everything is working as expected now.

It seems it didn’t like following the section where I had some google font code, but worked everywhere else. (I’m reasonably confident I did change its location yesterday to no avail, but who can really be sure)

Thanks so much for your great response and very useful plug-in!

You are very welcome, glad you got it figured out. Thanks!