Gutenberg: Cover image block missing align classes

Created on 2 Sep 2017  路  8Comments  路  Source: WordPress/gutenberg

When theme add support for 'wide-images' => true, also Cover image block have setting to align block wide and full. But I don't see classes like alignwide or alignfull in the front end like I do for image block for example.

Am I missing something?

[Type] Bug

All 8 comments

As cover-image is different (it would be full width by default), there is a style here you can use: .wp-block-cover-image. It doesn't have the alignment options because of that.

But in the editor it has setting to be full width, wide, or same as content. Same should be possible in the front end.

@karmatosed Can you re-open this?

  1. If the cover image should always be full width and has only class wp-block-cover-image in the front end, in the back end there should not be options for Align right/left/center, Wide width, Full width.
  2. I'd still like to have option to have Wide width, Full width, and "Content" width for cover image also. And this would need classes in the front end.

I don't agree that a cover image should to be honest. We have that option with images.

Then back-end options should be removed. I disagree though:)

Hi,

I think this is important issue that needs some more attention, as it isn't user friendly. If, in the back end, users have options to choose from then these options should do something in the front end, if they don't, user will think that it is a bug. It'd be great to have the same options like for the Image, to be able to style it differently for the front end. If not, than it would be useful to remove the options from the back end.

Thanks,
Ana

Yep, I think this is probably just a small bug where the classes are not added in the save method of the cover image.

That would be great, just to add different classes like for the Image feature :), this way we can style it differently within the theme

Was this page helpful?
0 / 5 - 0 ratings

Related issues

youknowriad picture youknowriad  路  3Comments

nylen picture nylen  路  3Comments

aaronjorbin picture aaronjorbin  路  3Comments

aduth picture aduth  路  3Comments

mhenrylucero picture mhenrylucero  路  3Comments