[claubs]

Hi!

I added an image in my landing page, but is stretched and it is not proportionally adjusted. Which are the recommended dimensions?

Thanks for your help!

Website: claudia-badell.com

[Zed]

In which section of the landing page are you adding the image?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[claubs]

In the slider. In order to see it correctly I had to add the following custom css:

.lp-staticslider {
position: relative;
overflow: hidden;
max-height: 100vh;
background-image: url(myImage);
height: calc(100vh – 85px);
width: 100%;
background-size: cover;
background-position: center;
}

Thanks

• This reply was modified 6 years ago by claubs.

[michaelp6of7]

I would like a resource for this kind of information. I know you’re working on it but I can’t make the page look right with my images. Currently using 1900 x 700.

Website: letsbuildmysite.com

[Zed]

@claubs, did you assign an image in the theme options.
The static image is displayed as an <img> tag (which appears to be missing on your site).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Linda Griffitts]

I used 1920 x 803 and it cropped from the top and the bottom.

Website: irelanddentalmarion.com

[claubs]

Hi Zed!

I removed from custom css the following
.lp-staticslider {
position: relative;
overflow: hidden;
max-height: 100vh;
background-image: url(“https://claudia-badell.com/wp-content/uploads/2018/04/Landing-2.jpg&#8221;);
height: calc(100vh – 85px);
width: 100%;
background-size: cover;
background-position: center;
}

and added it as the static image for the landing page and it seems to work. Do you mean that setting?

Thanks,
Claudia

Website: claudia-badell.com

[Zed]

@lgfitness: the theme does not impose a size on the static slider image on desktop devices (it is however resized to fit the screen width if larger).

On mobile devices, the static slider area is kept at a maximum of 70% of the screen height (while still being resized to fit on screen) and the overflowing parts (the sides on portrait mode) are hidden.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts