Twenty Twenty-One: Footer Widget alignment

Hey there @artgoddess – accomplishing your goal is going to depend on a few factors, including whether you’re using legacy widgets or blocks for your widgets, and which specific widgets/blocks you’re using. ?? It would be a lot easier to help you if you can provide a link to your site – would you be able to do that?

I just did a quick test in the meantime with three Paragraph blocks in the Footer Widget area. I used the center-align option on the second one, and the right-align option on the third one, and this is what it looks like:

More about block alignment.

If you’re using other blocks or legacy widgets, you may need something more than this, so let me know if you’re able to provide a link. Thanks!

Thank @zoonini for your answer.

I’m trying to align a block, and I have come accross this css solution:

.block-widget-to-align {
width: auto !important;
float: right !important;
}

If you think there is an easier solution, feel free to share. In the meantime, I mark the thread as solved. Many thanks!

@artgoddess

I’m trying to align a block, and I have come accross this css solution:

Are you still referring to a block in your footer widget area? If so, you may not need CSS to align it, since many blocks – such as paragraphs – already have alignment options built right in. As I mentioned above, this sort of thing really depends on which blocks you’re using, and a link to your site would be really helpful. Are you able to provide that? ??

Floating elements like that might cause issues on smaller mobile screens, but it really depends on many factors. You’ll want to test on different screen sizes, and possibly wrap your CSS in a media query. It may also affect other blocks of the same type throughout your site, instead of only affecting that one specific block, so be sure to make your CSS selector specific enough so that doesn’t happen. I would be glad to help further if I can have a look at your site. ??

Thank you for your answer. I’m working on localhost, so I am not able to provide a link.

Anyway, I would like to align the block generated by this plugin: https://www.ads-software.com/plugins/shared-counts/

After reading you, I have decided to move this block to the left, so then I don’t need to align to the right and avoid the CSS that I have provided in my previous post.

Thank you again for your time. Really appreciated.

Glad you found a solution, and you’re very welcome!