Quotes don't display properly?

The same here ??
The problem is, because in HTML code it shows up like:
<span class='qm_quote_widget_text'>"<p>Quote here</p>"</span>
instead of
<span class='qm_quote_widget_text'><p>&quot;Quote here&quot;</p></span>
or sth equivalent.

@moonsinjune

There is simple workaround here. You should add following CSS

.qm_quote_widget_text p {
  display: inline;
}

it does the job.
You can see it on my site Tai Chi Poznan

@tom

Thank you! You’re right, it did the job ??

I’m having the same issue — I’m not sure where to place that code you listed above though. The plugin has several CSS files….??

Thank you!

I used a plugin called Modular Custom CSS to add this since I’m not hugely competent at modifying plugins, but I imagine you’d add it to the quote.css file.

I’m not seeing any file by that name, quote.css

I tried adding

.qm_quote_widget_text p {
  display: inline;
}

to this file:
quote-master/css/quote.css

And it didn’t do a thing.

@yukon4

I don’t use any CSS related plugin so I cannot help in this case.

The trick is, that your custom CSS directive has to be after theme one regarding the same element. If not, it will be override by theme and you want exactly opposite, to override theme’s directive.

The simplest way I employ is to add custom style.css file to your theme.
Of course it is the best to create child theme before, to be on the safe side in case of theme upgrade.

You can do it without child theme but you have to recreate it every time theme is updated.

Another way is to use theme itself. Some themes have dedicated custom CSS option where you can do it.

I would not prefer to modify plugin CSS files because you’ll loose all modifications with next plugin update.

Hello!

I added:

.qm_quote_widget_text p {
  display: inline;
}

– to our custom CSS file, and no difference. We still get one wacky quotation mark at top, and then underneath the quote. We are using WooThemes Canvas which does indeed have a dedicated custom CSS option. That is where I added the above code. Here is our site (draft). The quotes are presently down in the footer, at left.

https://mbsfu.com/

Thank you!

I got it!!

— I had styled the text to be BIGGER, and in doing that, it forced the quotation marks into the weird positions.

Problem solved.

I’m wondering if it’s possible to make the width of the quotation and the box just a little wider??

What do you mean by “wider”? Wider than column width?.. or what?

I just realized I can make it wider by changing the layout of the footer widget area.

One last thing I cannot accomplish — I’d like to make the text of the quotes a little bit BIGGER. I’ve edited the CSS within the plugin, increasing font size and it does nothing, yet editing other aspects of that same CSS file does result in changes – for example, the color of the text and the box outline are responding to the changes within this CSS file.

Thanks for all your help!

@yukon4

You’ve got quote text related settings under

span.qm_quote_widget_text {
}

so if you want to change it, you have to place desired directive there, like

span.qm_quote_widget_text {
  font-size: 10px;
  color: red;
}

Sometimes it doesn’t work because other settings override them. You can try to add !important switch at the end like

span.qm_quote_widget_text {
  font-size: 10px;
  color: red !important;
}

it sets highest priority to your setting and helps it to “fight” other similar ones,

For the reference of available CSS directives follow https://www.w3schools.com/cssref/

Thanks – I’ll play with this code you provided!!

I added this to our custom CSS file:

span.qm_quote_widget_text {
  font-size: 15px;
}

And that did the job. Thank you SOOO much!

Greetings Everyone!

Thank you for choosing to use this plugin. I am sorry that it has taken me so long to respond. It sounds like you already solved the issue but I went ahead and pushed out an update to resolve this issue.