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.
Related
How I can change the way woocommerce show my products image in products catalog page? Woocommerce doesn't show the uploaded images in correct cropping format and the pictures don't look ok. Here's an example: I have tried customized>WooCommers>Product Images>Thumbnail cropping but it doesn't solve the problem for me. The pictures get cropped while I want to show the whole image on the square frame. This is not good if I want to show a pictures with different dimensions! What should I do? I use Flatsome theme.
Try this: Go to Appearance > Customize > WooCommerce > Product Images > select "Uncropped". This should make it so that the original aspect ratio doesn't change, so if all the images are for example a 5:4 aspect ratio, your category/catalog page thumbnails should all be 5:4 images instead of square. If you truly want all the images to look the same (or all be squares), you'll need to re-upload them as the same aspect ratio.
Goal: When creating an image gallery in Wordpress 5.3.2 using the Gutenberg editor, I'd like to be able to select the image size.
Why: The block gallery automatically serves the large image and then relies on CSS to resize the image to fit the flexbox layout. Instead I'd like to choose the medium size for my site, which is closer in size to what's displayed in the layout. This will improve load times, as users aren't being served oversized images.
Question: Is there some code I can add to functions.php that will give me the option to choose the image size I want or to override the default large size for the medium size?
I understand what you're going for and unfortunately WordPress and Gutenberg still loads the full-size, original image (and just resizes it in css) :(
There are several closely-related issues that describe this
https://core.trac.wordpress.org/ticket/45407
https://github.com/WordPress/gutenberg/issues/9620
https://github.com/WordPress/gutenberg/issues/6177
Update, 2021:
Gutenberg no longer loads the full-size, original image and you can choose which in the block's right side panel which of the registered image sizes to load;
but that image is often still larger than necessary and not fully optimized; more information at https://gist.github.com/skorasaurus/a01249d4302226bf12c80dd979322303
I have uploaded an image into a wordpress website and when i enable open in lightbox the image actually shrinks to about a 200x200px square. the original file is much larger and im wondering if there is a way to enable the lightbox to display the larger image (or at least not shrink the image once it is opened in a lightbox)
Turns out the image link the lightbox was referencing had dimensions in the url, going to the media tab and taking the image location itself and pasting it in fixed the issue.
I am a back-end developer and I'd like to create a little website using angular and boostrap.
I would like to create a galerie, and I have been looking around to see how it's done. I found a correct example on the following link : https://blueimp.github.io/Bootstrap-Image-Gallery/
In that case, the images are taken from flickr api, which sends 2 different pictures (small and large). The small one is the thumbnail, and when you click on it, it opens the large one.
My question is the following one : let's say I have all my images of different sizes, and that I would like to have thumbnails of those (same size, but responsive !) to create my gallery, what would be the way to do that? With css only?
Create parent <div> with fix width then add img inside by applying width:100% on image and height:auto. Please try to implement the example you found and if you find any issues post with your code.
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 ...