-
Posts
-
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
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.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
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
@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.I used 1920 x 803 and it cropped from the top and the bottom.
Website: irelanddentalmarion.com
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”);
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,
ClaudiaWebsite: claudia-badell.com
@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.
The topic ‘Image size for landing page’ is closed to new replies.