Archived topic
picture alignment not working
4 replies · Started by nvc on November 3, 2022
I am trying to align right a picture without success. The site is https://fastpayoutcasino.com/. The picture is in the right container and set as background.
I've set the Position to right but nothing happened from the Background settings. Is there any other setting that I need to apply in order to align the picture right?
Thanks
Hi there,
The parent container block's inner container is set to 1200px max width, so all the content within that container will be limited to the 1200px width, as you can see in the below screenshot, the image has reached the maximum size within its container.
https://www.screencast.com/t/oQxVc5ZlI
I would recommend adding the background image to the parent container, set the background position to right center, and set the the background size to contain.
By the way, float right is not a valid value for the background position CSS property.
Hi Ying,
Thanks for your help.
I did your recommendation and now the picture is out of the 1200px container. I want it set right into the 1200px container and the text in the left container to get more width.
Then I've changed the whole alignment of the block to right and the picture is okay but the text went too right. Is it possible to get more width for the text?
Please check.
Thank you
Hi Nvc,
If that's the case, why not give the column where the text is more container width. Right now, it's set to 45%. Try to increase that, and give it right padding.
Then, decrease the container width of the column where the image is.
We can see how it goes from here.
Yes,
That worked for me : ) Finally that's what I wanted.
Thank you
