Now-reading plugin and page alignment

Does anyone have ANY ideas as to why my library page (for the now-reading plugin) is completely skewed?

Link: https://www.conflictoflaws.net/index.php?now_reading_library=true

Any help would be greatly appreciated. The original problem has been slightly changed, as I’m now linking directly to Amazon. Thus the only problem page is the Library view.

Your embedded styles (may be coming from your settings under Presentation) show this:

div.narrowcolumn { margin: 0 0 0 -225px; }
div.narrowcolumn div#content { margin: 0 0 0 225px; }

That -225px is bad. Evil. Exorcise it.

Thanks, Yosemite.

In the event, I simply removed all the style formatting from the library.php page in now-reading. I think it looks good enough (and I’m not entirely sure what taking out that -225px will do to some other parts of the site…)

Yeah, that -225px is set by the veryplaintxt theme (I use the same one at splicer.com). Taking it out breaks the whole template everywhere all over the site.

The problem as I see it seems to be that now-reading pages have

class=\"now-reading primary narrowcolumn\"

in their content div. Not sure why the author chose to override this with what looks like an illegal class declaration (can you really have spaces in the names of your classes? or does this invoke multiple classes? I guess I’m showing off my ignorance about CSS).

This seems to be in the following files:

wp-content/plugins/now-reading/templates/tag.php:
<div id=\"content\" class=\"narrowcolumn primary now-reading\">
wp-content/plugins/now-reading/templates/single.php:
<div id=\"content\" class=\"narrowcolumn primary now-reading\">
wp-content/plugins/now-reading/templates/author.php:
<div id=\"content\" class=\"now-reading primary narrowcolumn\">
wp-content/plugins/now-reading/templates/library.php:
<div id=\"content\" class=\"now-reading primary narrowcolumn\">
wp-content/plugins/now-reading/templates/search.php:
<div id=\"content\" class=\"narrowcolumn primary now-reading\">

changing those files’ first three divs to the following seems to help:

<div id=\"wrapper\">
        <div id=\"container\" class=\"narrowcolumn\">
                <div id=\"content\" class=\"primary now-reading\">

…but I’m going to have to find the correct stylesheet additions or else edit the template files to use the theme styles. I have the feeling that I’m having to tinker too much in a way that I’m not supposed to, but there’s what I have.