Adjusting Cover Margins

Bloom
1

Hi everyone,

We could use some help in fixing the layout of covers.

A6%20Portrait%20Cat%20and%20Dog
A6 Portrait Cat and Dog.jpg694×675 120 KB

  • Any ideas on how to get the cover image centered?

  • Is there a way to eliminate the box above the language name?

Download the BloomPack of this book here:

https://drive.google.com/drive/folders/1mOkwb0OHqj5-ssqwVUjV3CAA6n4mXH9Y?usp=sharing

Any help is greatly appreciated,

For the EFL team,

Koen den Hartogh

2

Images are, by default, centered in their container and fill the max dimension, so something in your custom css is causing the image to not be centered. I tried removing all the custom css and get

image
image.jpg403×564 89.6 KB

To hide the author/illustrator box, you can add
.creditsRow {display:none}
to your custom css.

3

For the image, it looks like your custom rule is not specific enough to overcome the rule in the xmatter, so you can do
.A6Portrait.outsideFrontCover .marginBox img { max-width: unset; }
or
.A6Portrait .marginBox img { max-width: unset !important; }

4

Great! That’s what I was looking for.