jessriedel

Sorry for the delay. I wasn’t able to solve this in an elegant way, and instead had to directly hack the QuickLaTeX CSS code. I went to the file

wp-quicklatex/css/quicklatex-format.css

and in particular changes these lines:

/* Style for <p> tag of displayed equation - align: center */
.ql-center-displayed-equation {
    text-align:center  !important;
    white-space: nowrap  !important;
    overflow:hidden  !important;
}

/* Style for <p> tag of displayed equation - align: left */
.ql-left-displayed-equation {
    text-align:left  !important;
    white-space: nowrap  !important;
    overflow:hidden  !important;
}

/* Style for <p> tag of displayed equation - align: right */
.ql-right-displayed-equation {
    text-align:right  !important;
    white-space: nowrap  !important;
    overflow:hidden  !important;
}

In each place where it says overflow:hidden I changed it to overflow:auto. This “auto” should make it so that the scrollbar only appears as needed, i.e., only when the equation is too long for the device screen.

Because this changes the CSS file, you have to re-implement this change each time you update the QuickLaTeX plugin (I think).

However, even with this change there is still an issue with the equation numbering on the right overlapping with the image. I looked into fixing this while leaving the equation number on the right, and it seems possible by asking the div element to begin scrolled all the way to the right using javascript:

https://stackoverflow.com/questions/56747291/auto-move-horizontal-scroll-bar-to-right-end-in-div

However, it was just easier for me to move equation numbering to the left (in the normal QuickLaTeX settings) since this seems to fix the issue.

If you find an easy way to put the equation numbering on the right without overlap, please share it!

• This reply was modified 3 years, 10 months ago by jessriedel.

Hi Marcin,

Thanks for the reply. It would probably be helpful to state in the description something like

“This plugin is for normal users who either want a simple OpenGraph plugin with no ability to make adjustments, or for expert developers who are able to edit the plugin’s PHP code; if you are a non-developer who wants the ability to configure things, you should choose a different plugin”.

Cheers,
Jess

Hi Daniel,

The page looks like this

<h3>First category</h3>
[az-index id="1"]

<h3>Second category</h3>
[az-index id="2"]

<h3>First category</h3>
[az-index id="3"]

I believe you would describe the above as “having multiple lists”. I would like just one of these lists, produced by a single az-index shortcode and corresponding to a single category, to be ordered by the date the post was published rather than the title of the post. I am led to believe this is possible because “Use a customized comparison function for sorting the index” is an option available for a single list.

Unfortunately, I know essentially zero PHP. I know this is partially asking you to do my work for me but, if it’s not to hard, I would be grateful if you could tell me what custom comparison function I should use. This might be an existing named function, or (I think) it might involve writing a new (one-line) function inside the functions.php file in my current theme.

Thanks for any help you can provide.