- This topic has 9 replies, 3 voices, and was last updated 1 week, 4 days ago by Ying.
May 12, 2022 at 11:54 am #2217893Johann
Hi team !
I have created a container in which I have added an image. I want to use that image as a cover. Everything is set on this way.
I can’t really explain why but I am not able to get the result I am looking for…meaning seeing the full image with text…
As it is not the first time I am struggling with that kind of problem, I am asking for your support.
In appendice, you have the original image ratio I’d like to find on the site preview ^^
Thanks in advance.
JohannMay 12, 2022 at 1:38 pm #2217955YingStaffCustomer Support
1. It seems you are using merge function from a header element which can be found at appearance > elements.
The merge function merges your header with the site content, so the top part of the container is covered by the header.
If you don’t want the merge function on this page, you can exclude this page from the header element’s location.
2. I don’t think the image’s aspect ratio has changed, if you want to show the full image, change the image size to
Let me know if this helps!May 12, 2022 at 3:56 pm #2217996Johann
I deleted the merge function and I used the contain format instead of cover and…I’m now close from the goal 😉
As you can see on pictures, I am using a black background to allow opacity with the pic but there is now a black surrounding around the picture…thing that I don’t want.
What is your recommendation ?
Thanks a lotMay 12, 2022 at 5:53 pm #2218050YingStaffCustomer Support
That’s tricky, as the background color is applied to the container, in that case you’ll need to adjust the top/bottom padding of the container so that the container can have the same aspect ration as the image. (It will only work when there’s no content but only the background image in the container)
For example, your image width is 1000px, height is 600px, let’s do a little math here: 600/1000=0.6=60%.
So you can set the container block’s top padding to 60%, leave other paddings blank.
Set the background image size to
Let me know if that works 🙂May 13, 2022 at 1:31 am #2218228Johann
I did what you mention but the problem is still there…
Image width = 1000px
Image Height = 514px
Ratio = 52%
BG Image set to CONTAIN
Anything else would be appreciated ^^
Thanks for your support !May 13, 2022 at 5:10 am #2218383DavidStaffCustomer SupportMay 13, 2022 at 10:32 am #2218854Johann
It does concern the main page.
Please feel free to access it with the temporary credentials I’ve provided 🙂May 13, 2022 at 10:37 am #2218861YingStaffCustomer Support
Your image size is 1400px by 518p，so the ratio is
https://www.screencast.com/t/B6cY59hmsZtfMay 13, 2022 at 3:05 pm #2219003Johann
That works !
Thank you guys 🙂May 13, 2022 at 3:38 pm #2219010YingStaffCustomer Support
No problem 🙂
- You must be logged in to reply to this topic.