“Stacked” block not aligning correctly

Resolved tinybigdesign
(@tinybigdesign)

5 years, 10 months ago
The “Stacked” gallery block by Block Gallery does what I am trying to do: stack images one on top of the other with no space between them. The plug-in warns me, though, “Block Gallery is being deprecated in favor of the wonderful – and fully featured – gallery blocks within the CoBlocks plugin.”
So I installed CoBlocks, but when I transform a gallery, the images shrink slightly and right-align within the container. They render off-center and under-sized both in the editor and the web page. I’m working locally, so I don’t have a live site to link to, but I took screenshots of the editor where one can see the issue. The first link is Block Gallery, the second is CoBlocks (also, there’s a link to the CoBlocks screenshot at the bottom of the first page).
https://tinybigdesign.com/stacked/stacked_bg.html
https://tinybigdesign.com/stacked/stacked_cb.html

Anybody have any idea what’s going on here? Any help is appreciated.
- This topic was modified 5 years, 10 months ago by tinybigdesign.

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Support gdpavle
(@gdpavle)

5 years, 10 months ago
Hey @tinybigdesign,

Thank you for reaching out. I hope you’re doing well.

You can manipulate the max-width and width properties in CSS by pointing to this selector:
```
.alignfull ul.coblocks-gallery, .alignwide ul.coblocks-gallery
{
  max-width: 100%;
  width: 100%;
}
```
Feel free to have even more than 100% in the above-mentioned values.
Something that comes to my mind is that the other elements (parent or layout) are interfering with the width of the block itself.

Let me know how this worked for you. 🙂

Best Regards,
Pavle
Thread Starter tinybigdesign
(@tinybigdesign)

5 years, 10 months ago

Thanks for your quick response.
I added the code you provided to the “Additional CSS” field under Appearance (within the Hamilton theme, btw). It fixed the issue of the gallery shrinking, but it is still offset to the right.
Curious how the Block Gallery version works, but the CoBlocks doesn’t. I’d have thought the code would be very similar. If it comes to it, I can use the old plug-in either until it’s no longer supported or until I can figure out how to keep the galleries centered.
Slainte,
TBD
Plugin Support gdpavle
(@gdpavle)

5 years, 10 months ago
Hey @tinybigdesign,

You can also try adding one more line to the code I provided before:
```
.alignfull ul.coblocks-gallery, .alignwide ul.coblocks-gallery
{
  max-width: 100%;
  width: 100%;
  margin-right: 1% !important; //ADJUST THE PERCENTAGE TO WHAT SUITS YOU THE BEST
}
```
I hope this will work for you, please let me know 🙂

Best Regards,
Pavle
- This reply was modified 5 years, 10 months ago by gdpavle.
- This reply was modified 5 years, 10 months ago by gdpavle.
Thread Starter tinybigdesign
(@tinybigdesign)

5 years, 10 months ago

I appreciate the effort, but adjusting the right margin to any 1% did not appear to have an effect.

Thread Starter tinybigdesign
(@tinybigdesign)

5 years, 10 months ago

I just saw the CoBlocks 2.1.0 update and activated it. The issue is resolved in the new version with no additional code!
Thank you for your help along the way, though.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘“Stacked” block not aligning correctly’ is closed to new replies.

Tags