Support for Gutenberg alignment options

  • Resolved molnarm

    (@molnarm)


    6 years, 1 month ago

    Hi,

    Thanks for the great plugin! I was looking for a plugin with Google Photos API support to replace my custom gallery implementation using PicasaWeb, and yours seems to be perfect.

    I have one question: do you plan to support custom alignments for Gutenberg blocks? Full-width layout would look really gorgeous.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    Interesting… I had never considered it (to be honest I wasn’t even aware of it). I can definitely look at providing this in the near future.

    From what it appears, in the absence of a plugin-feature this seems like something that can be achieved with some custom CSS in the short-term, isn’t it? E.g. let’s say that you want your gallery to always show up with full-width. This is what you can add (under Appearance → Customize → Additional CSS):

    .photonic-stream {
    margin-left: calc( -100vw / 2 + 100% / 2 );
    margin-right: calc( -100vw / 2 + 100% / 2 );
    max-width: 100vw;
    width: auto !important;
}

    Alternatively, if you want to specifically target some blocks, you can add an “Additional CSS Class” via the Gutenberg “Block” tab on the right. Say you add something like photonic-full-width. You could then use the above CSS, but change the selector from .photonic-stream to .photonic-full-width.

    Plugin Author Sayontan Sinha

    (@sayontan)

    I have coded this in for the next release of the plugin.

    Plugin Author Sayontan Sinha

    (@sayontan)

    I have added the alignment support in version 2.19, released today.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Support for Gutenberg alignment options’ is closed to new replies.

Tags