How do I change the Default Image Size in the Gutenberg Image block on each WordPress page? Now on our site, the “Thumbnail” is the default size, and we need to change it to the “full” size.
PFA:- https://imgur.com/a/3JOH4jj
How can we achieve this? Please let us know of a solution for this.
Thank you
]]>is it possible to set the cover hight of the featured images (the one on the very top of the linked site) all my blog posts to full screen? So that the image covers the full screen on mobile as well as an desktop? Some css maybe?
At the moment i have put a spacer between the header and the post title set at 400px. Not ideal, since the hight now varies between all posts.
Thank you a lot. I hope my problem is clear, if not i am very happy to provide additional infos.
Have a great day
]]><figure class="wp-block-image aligncenter size-large">
with:
<figure class="wp-block-image aligncenter size-full">
and although it says it has been changed if I open the post to edit, I can still see that the image is still set as large. This is also the case in the database itself. Can you suggest a better way than manually changing every post?
]]>2. When it’s added to my draft, it looks fine. However, the only size option I have is Full Size.
3. When I hit preview, this is what the image looks like. Somewhat larger than I’d expect, but not awful. However, it’s fuzzyish so that tells me the size has increased beyond what it should be.
4. This is where I get confused. If I go back to the draft and change the image to be centered…
5. …The preview looks like this. The image looks to be about the same size as shown in draft form. I like the way this looks so, in every post I write, all of my images are centered.
6. Another issue: When I add 2 photos to a gallery…
7. … they look like this in draft form.
8. When I hit preview, they explode and practically take up the entire scree. They are stacked one on top of the other, completely the opposite of a gallery.
9. When I use the columns feature, this is what it looks like in preview. Looks great.
10. Things to note:
/* Pop Up Css Slider */
.hustle-ui.module_id_3 .hustle-layout {
? ? height: 500px;
}
ui.module_id_3 .hustle-layout .hustle-layout-header {
? ? padding: 120px 20px 40px 40px ;
}
.hustle-layout-header {
? ? padding-top: 120px !important;
}
/*.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before {
? ? content: "?";
}
*/
.formkit-form[data-uid="c6c2937a68"] .formkit-fields {
? ? display: -webkit-box;
? ? display: -webkit-flex;
? ? display: -ms-flexbox;
? ? display: flex;
? ? -webkit-flex-wrap: wrap;
? ? -ms-flex-wrap: wrap;
? ? flex-wrap: wrap;
? ? margin: 0 auto;
? ? flex-direction: column;
}
/*
.hustle-ui:not(.hustle-size--small).module_id_3 .hustle-layout .hustle-group-content p:not([class*="forminator-"]):last-child {
? ? padding-left: 60px;
? ? margin-bottom: 0;
}*/
.eicon-close:before {
color: white;?
}
figure.wp-block-image {
? ? margin: auto;
? ? display: block;
width:100% !important;
align-content:left !important;
text-align:left !important;
}
p {
? ? text-align: left !important;
}
dd, dl, dt, li, ol, ul {
? ? text-align: left !important;
THANK YOU AND GOOD LUCK!
]]>I recently experienced that not all images on the catalogue pages have the same display size. If I add a new product, it’s picture will be shown full size in all catalogue pages (shop, widgets etcera). And this only happens when I upload a new image to the media library, not if I use an existing one.
This is what the HTML looks like:
<img src="https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORBRUT.jpg" class="woo-entry-image-main" alt="Goede Kant Van Het Spoor – Brutalistic" loading="lazy" itemprop="image" srcset="https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORBRUT.jpg 1000w, https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORBRUT-200x300.jpg 200w, https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORBRUT-768x1152.jpg 768w, https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORBRUT-150x225.jpg 150w, https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORBRUT-450x675.jpg 450w, https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORBRUT-100x150.jpg 100w" sizes="(max-width: 1000px) 100vw, 1000px" width="1000" height="1500">
and the HTML from a picture displaying correctly:
<img src="https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORSIXTH-150x225.jpg" class="woo-entry-image-main" alt="Goede Kant Van Het Spoor – Sixth Travaille" loading="lazy" itemprop="image" srcset="https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORSIXTH-150x225.jpg 150w, https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORSIXTH-200x300.jpg 200w, https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORSIXTH-768x1152.jpg 768w, https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORSIXTH-450x675.jpg 450w, https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORSIXTH-100x150.jpg 100w, https://www.speciaalbierwebshop.nl/wp-content/uploads/2022/08/SPOORSIXTH.jpg 1000w" sizes="(max-width: 150px) 100vw, 150px" width="150" height="225">
Besides the fact that the filenames are in different order, only the sizes settings seems to differ.
Although not very likely, I have verified the sizes of the product images in the Woocommerce section of the customizer. I have also checked the files present in the uploads folder and found no differences.
This behaviour started on or after August 21st. I have not rolled back any plug-in options yet. If not absolutely necessary, I don’t want to roll back updates to prevent possible errors.
As I suspect the WC plug-in, I have read the changelog of WC, but found no clues.
I’m using the OceanWP theme v3.3.3 and have not updated it to 3.3.4 yet. I have to review the update first to see what impact is has on my child theme.
Unfortunately I have no more ideas what the cause could be.
Please share your ideas and tips. Thanks.
]]>If I insert the image into a post using Classic editor at full size, the images are their actual full size at 1200 pixels wide. However, if insert the same photo into a post using Block editor at full size, the image is only 924 pixels wide.
It appears that this only is affecting my horizontal images. My vertical images are displaying at 1200 pixels wide. Any idea on how I can solve or fix this?
]]>Ex: one image is showing in my media library as 1200 × 803, but when inserted into the post at full size it is displaying as 924 x 618.
I do use the plug-ins short pixel and WP Rocket if you think those might be affecting my images. Though, I know with short pixel, the dimensions are displaying as the correct size in the media library after short pixel has optimized them.
I’m out of ideas, so I’d appreciate any insight.
]]>