making a wordpress slider display portrait and landscape image - wordpress

Ok so i have to tell that i am not an expert in coding or stuff like that.
Here is the problem that i have found. I did a website for a friend of mine and i have noticed that on the homepage the incorporated slider would not show images in portrait but it would crop them in landscape. Is it possible to make the slider display the portrait images in portrait without cropping them?
This is the website and i am talking about the slider in the first page. www.saveriogenise.com
Thank you very much

it depends on the slider you are using, the slider you are using now is using a custom image size (550x335px), i think you can change the settings in the theme or slider admin, if not you have to edit the theme codes chose different size or re-size image keeping aspect ratio etc ...

Related

How can I show bigger images on my wordpress page?

This is a page of my blog https://desandre.odns.fr/lemadame/portfolio-work/carole-nicolas (ssl is not active so you should clicked on advanced and then continue).
The theme I use shows images 1110px wide but I would like to show bigger pictures like here for example: https://damiendesandre.myportfolio.com/carole-et-nicolas It seems much better.
How can I get this result ?
Thanks
If you have any builder plugin then you have to add image only in row component and you will get the 80% width of image based on screen resolution.

How do I made Revolution Slider background image size responsive to screen size

I have a clients website using the Revolution Slider plugin. I'm trying to optimise the page for mobile page speed.
Each slide is just a background image. The problem is that the image is 1920x1080 which is the same image used on mobile screens that are 640px wide or less. This makes the page load a larger file image then is needed.
I've tried removing the background image and including 2 versions of the image to the slide on their own layers. One layer only shows for mobile and the other only for desktop but even though it doesn't display both images it still loads them both. The mobile view shows the smaller image but still loads the larger one without using it.
Wordpress creates small, medium, large and thumbnail versions of images uploaded to the media library. I thought the plugin would use these by default for different screen sizes but I can't see how to set this or do it manually.
Is there a way for me to have the smaller image file display for smaller screens without loading the larger image file? If not is there another slider WordPress plugin that can do this?

Identify this carousel Slider

I'm trying to figure out what slider this is, can anybody help me identify what it is:
http://clbarchitects.com/projects/rcr/.
I'm looking for something that can show both portrait and landscape images without losing any aspect of the images in full browser mode..
That is Slick Slider Seems they are using a custom made but I found this free plugin which also based on Slick Slider https://wordpress.org/plugins/wp-slick-slider-and-image-carousel/

Responsive Images for smartphone and tablet on landscape mode

I got a very plain photo gallery site. Every page only contains a image (600 x 400) or a image slider. I have problem with the look of my website on smartphone/tablet on landscape mode or even a laptop. Because the bottom of the image/slider will just be chopped off. So you need to scroll down to see the whole image. On my desktop or portait mode on small devices it looks good. I had like the image/slider be showing in a smaller size on those screens so you dont need to scroll down to see the whole image. Can someone help me with this? I built this with a twenty sixteen childtheme in wordpress.
Thanks,
Hazy
I recommend using Slick carousel. that's an easy slider initiator and will save you lots of time and adjustments: http://kenwheeler.github.io/slick/
For single images use the following css properties :
max-width: 100%;
height: auto;

Image Slider Isn't Responsive

I'm working with the Header Image Slider plugin for WordPress (which uses the Nivo Slider) and I can't seem to get the images to the size I need on a smaller screen.
I've looked around plenty and tried various things in my media queries like setting the max-width, but I can't put my finger on what the problem is. Each image is cutting off on the right-hand side. I'd like to get the images to roughly 708x245 on the next step-down. Any advice? Thanks!
My Site

Resources