Discover the Penguin books that shaped us

Wrapper Block Variations

·
min read
·

Accordion

Fail

Wrapper = black / red / vintage red

On front end and in editor, text remains white and isn't visible

Accordion heading

this is some text

Accordion Grid

Fail

Wrapper = black / red / vintage red

On front end and in editor, text remains white and isn't visible

Accordion heading

this is some text

Accordion heading 2

this is some text 2

Fail

Wrapper = black / red / vintage red

In editor, text remains black

Fail

as above

Blockquote

Fail

Wrapper = black

Blockquote background = white

can't see button text in editor

This is a quote by an author called ...

Tom Roberts

Book Highlight

Fail

Wrapper = black

No hover styling

In the editor, can't see the button text where wrapper is grey, orange or yellow

Book Highlight Inline

Fail

Wrapper = white

In editor, book title is blue

Bookshelf

Fail

Wrapper = white > In editor, book titles are blue

This is a bookshelf heading

Bookshelf New

Fail

Wrapper = white > in editor, book titles are displaying in blue

Fail (small)

Wrapper = black > in editor, can't see outline of button

Also, can't seem to add buttons to carousel

Content Card (has a no container option)

Fail

Wrapper = white, Content card = No container, in editor can't see text

lack of hover styling applied to post title, but you can see hover styling on button where wrapper is black

Fail

Wrapper = black, content card = no container, in editor can't see category pill text

Fail (tiny)

Wrapper = black > in editor, button outline missing

Event Card List

Pass

This is a heading

New Year's Day

This is an event description

Event Details

Fail

Wrapper = black / red / vintage red > in editor, text is black and not as per mapping

Did Rhi mention this was being retired? Are there any instances of this across the prod site?

Get Tickets

Iterable Forms

Fail

Wrapper = black / red / vintage red = in editor, can't see field values in textboxes

Pass

This is a heading

Newsletter Signup

Fail

Wrapper = black, in editor, can't see description, Thank you message or legal text because it's in black, same for red and vintage red

Wrapper = black, lack of hover styling for link on front end

This is a heading

This is an optional description

PRH Columns

Pass

this is some text

this is some text

Pass

Section Heading

Fail

Wrapper = white > in editor, can't see heading

Wrapper = black > can't see divider line in editor or front end

heading

Series Card List

Fail

Wrapper = white > in editor, can't see heading

Slim Content Card

Pass

Pass

Pass

Spotlight Book Card

Pass

Spotlight Content Card (has a no container option)

Fail

Wrapper = black, white or red, No container > category pill text can't be seen on front end or in editor

Wrapper = white, No container > in editor, button text can't be seen

Spotlight Slider

Fail

Wrapper = black, white or red, No container > category pill text can't be seen on front end or in editor

Wrapper = white, No container > in editor, heading and description text can't be seen

Pass

This is a heading

This is a description