Archived topic
Align images and text to the right
5 replies · Started by Ree on June 29, 2022
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?
Hi Ree,
To have a better understanding of the issue, may you kindly provide the link to the site in question?
You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Hope to hear from you soon. :)
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!