Site logo

Archived topic

Align images and text to the right

5 replies · Started by Ree on June 29, 2022

Viewing posts 1–6 of 6

I am trying to align container elements (images / texts) to the right (plz check screenshot: flags & links)
how can I do that? Do I need to use css instead?

please scroll down to the bottom and check the flags icon. It was inserted image by image so that each image is a link. I'd like to align all of it to the far right side

In Appearance > Customize > Additional CSS, you have this code which puts the flags to the left:

.flags-float-left {
	float: left;
	text-align: left;
	margin-right: 3px
}

If you remove this, the alignment you set in the Block Editor should work.

You can try also adding class my-flags to the Container Block holding the flags, then add this CSS:

.gb-container.my-flags > .gb-inside-container {
    display: flex;
    justify-content: flex-end;
}

Hope this helps! Kindly let us know how it goes!

it works! thanks a lot

You’re welcome Ree!

This archived topic is closed to new replies.