Insert metadata page - remove blank space

[kristalana]

I really like the book jacket feature, but I wanted to remove the Tags and Ratings from it. I figured out from searching here how to do so, and it worked great, but the only problem is now there's a large blank space between the line under Publisher and the book summary. I'd attach a screenshot but I'm not at home currently. Is there a way I can edit the jacket stylesheet to move the book summary higher up on the page?

[Penny_Dreadful]

So you set up a new resources folder with the jacket folder containing template.xhtml and stylesheet.css?

If you've done that then you can edit the template.xhtml in notepad or similar text editor. If you remove the highlighted code from the template.xhtml it will remove the Tags, Ratings and the extra lines around them and your new metadata jacket would look like the second image. You will have to re-polish your books to get the new jacket in there.

Hope this is what you were looking for.

[kristalana]

Thanks so much for your help! I had set up the resources folder properly but only made changes to the stylesheet. I'm a complete newb to all this and the instructions I found only mentioned taking the tags and ratings out of the stylesheet.

So I made the changes in the template but I'm not sure it worked. There's still a big space there but now only the line between the 2 sections is gone (although looking at it, the space does seem a bit smaller). I really like the line though, so I then tried leaving in the metadata divider section of the template, but that just gave me the same jacket I had before changing the template. I've attached 2 images, the first one is how it looked when I'd only changed the stylesheet, and the second is after the changes.

I do really like the default jacket, but if I could just get the summary moved up a bit it would be perfect.

[Penny_Dreadful]

Ok I think I know what you're looking for I've attached a picture of what it will look like (although your's will be a bit different, mine has a border around it from the output profile I have selected, the text bits should be similar.)

So start with a new copy of template.xhtml and replace this:

                <tr class="cbj_rating">
                    <td class="cbj_label">{rating_label}:</td>
                    <td class="cbj_content">{rating}</td>
                </tr>
                <tr class="cbj_tags">
                    <td class="cbj_label">{tags_label}:</td>
                    <td class="cbj_content">{tags}</td>
                </tr>
            </table>
            <div class="cbj_footer">{footer}</div>
        </div>
        <hr class="cbj_kindle_banner_hr" />
        <!-- 
        In addition you can add code to show the values of custom columns here.
        The value is available as _column_name and the title as
        _column_name_label.  For example, if you have a custom column with
        label #genre, you can add it to this template with _genre_label and
        _genre. Note that the # is replaced by an underscore. For example
        
        <div><b>{_genre_label}:</b> {_genre}</div>
        -->

        <div class="cbj_comments">{comments}</div>
    </body>
</html>

with this:

                <tr class="cbj_comments">
                    <td colspan="2">{comments}</td>
				</tr>
            </table>
            <div class="cbj_footer">{footer}</div>
        </div>
        <hr class="cbj_kindle_banner_hr" />
        <!-- 
        In addition you can add code to show the values of custom columns here.
        The value is available as _column_name and the title as
        _column_name_label.  For example, if you have a custom column with
        label #genre, you can add it to this template with _genre_label and
        _genre. Note that the # is replaced by an underscore. For example
        
        <div><b>{_genre_label}:</b> {_genre}</div>
        -->

    </body>
</html>

Hope this helps!

[DoctorOhh]

Originally Posted by kristalana

I do really like the default jacket, but if I could just get the summary moved up a bit it would be perfect.

My guess is if you reduced the margin or padding found in this section of the stylesheet.css you may get the results you want.

.cbj_banner {
background: #eee;
border: thin solid black;
margin: 1em;
padding: 1em;
-webkit-border-radius:8px;
}

Adjusting either will reduce the margin or padding around the whole table. If you only want to affect the bottom you could substitute:

margin:1.1em 1.2em 0em 1em;

In this example the
top margin 1.1em is first, followed clockwise around the table,
right margin 1.2em
bottom margin 0em
left margin 1em

The same above applies to padding.

Google css margin for more info.

[kristalana]

Ok great news! I tried changing the padding in the stylesheet from 1 to 0 and that did it. I'd hoped it would be something simple. I didn't realize until yesterday that it looks different for the mobi output, so I think if I'm ever converting to epub it won't look so great, but for my purposes now this is perfect. Thank you both so much for the help.