Want featured image to be even with text on book page

@bubbles28 can you provide a link to your own website so we can have a look at the problem?

https://sarahlynnmika.com/book/the-siren-spell/

Hi @bubbles28 , I think you can resolve your problems on your own website with a few custom changes. The plugin itself isn’t doing anything wrong, there are just some formatting problems between it and your setup that are causing the mis-alignment.

Problem #1: Extra paragraph in each book’s description section.

I’m not sure why, but it seems that every one of your books has an extra paragraph with a blank space at the very top of its description box. If you go under Library and edit each book, click on the “text” tab in the top right hand corner of the description to flip the description box into Text Mode. This will show you all the HTML code as well as your text in very simple format.

If you do this, you should spot a bogus extra paragraph at the top that looks like:

< p >   < /p >

You can just remove all that crap – highlight it and delete it – and make sure your very topmost line is the actual first line of your book description.

This will bring the description text in line with the book cover image.

Problem #2: Spacing of the title

If you take care of Problem #1, you’re probably going to notice that the book title is now squished up next to your description text. This is because the original plugin assumes you will have an author line inbetween them. It looks like, since your site is just for you, you didn’t bother to define an Author for the the Library, and then check off that Author for each book.

It’s okay to do that! You don’t have to assign an author. But without that author line (i.e. “by Samuel Benjamin” under the title), the title and description get squished.

To solve this, you have two choices:
* define yourself as an author (under Library -> Authors) and then go into each book and check off yourself as the author in the right hand column.
* add some padding space using a few lines of custom CSS after your book titles.

If you want to add the custom CSS, here’s how:
* Choose Appearance > Customize from the menu.
* click on “Additional CSS” on the left hand side menu when the customizer loads
* add CSS like this:

.books-template-default .entry-header {
padding-bottom: 25px;
}

You can increase the PX number in the padding line if you want even more space.

(Going to post this now and hope the code bits display properly!)

Okay, close but not quite properly – the empty paragraph thing will have a code in between the two paragraph HTML tags that looks like

nbsp;

Delete the tags and the spacer code.

Thank you so much @snowbelly! I had no idea I had that invisible gibberish text in my first paragraph. I’m glad I know how to check for that now with the text tab. Removing that made my book text even immediately, as you said. I tried my book page with my name and with the CSS spacing (good to know I have options!) and I like the way it looks with your code better.

This is something that’s bothered me for years, so thank you for finding such a simple solution!