Instead here is how it looks on my 27″ inch pc:

Not sure whether it could be linked to screen size or not btw.

Upon inspecting the issue with browser developer tools, I discovered that the excessive white space is caused by a div with the class woocommerce-product-gallery that has an unusually large height attribute. I have attached screenshots to illustrate the problem:

Here is what I have tried so far:

• Additional CSS and functions.php Edits: I tried various snippets to adjust the gallery settings, but none of these changes seem to work.

Has anyone else encountered this issue and found a solution? Any guidance or suggestions on how to resolve this would be greatly appreciated.

System Status Report

### WordPress Environment ###

WordPress address (URL): [Redacted]
Site address (URL): [Redacted]
WC Version: 9.0.2
Legacy REST API Package Version: Il plugin API REST legacy non è installato in questo sito.
Action Scheduler Version: ✔ 3.7.4
Log Directory Writable: ✔
WP Version: 6.5.5
WP Multisite: –
WP Memory Limit: 1 GB
WP Debug Mode: –
WP Cron: ✔
Language: en_GB
External object cache: –

### Server Environment ###

Server Info: Apache
PHP Version: 8.0.30
PHP Post Max Size: 150 MB
PHP Time Limit: 180
PHP Max Input Vars: 12000
cURL Version: 8.7.1
OpenSSL/1.1.1w

SUHOSIN Installed: –
MySQL Version: 8.0.37
Max Upload Size: 150 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔

### Database ###

[REDACTED]

### Post Type Counts ###

attachment: 77
cartflows_flow: 6
cartflows_step: 12
custom_css: 1
customize_changeset: 10
elementor_library: 3
forminator_forms: 8
language_switcher: 4
nav_menu_item: 30
page: 8
post: 1
product: 14
revision: 339
wp_global_styles: 1

### Security ###

Secure connection (HTTPS): ✔
Hide errors from visitors: ✔

### Active Plugins (15) ###

HTML in Category Descriptions: di Arno Esterhuizen – 1.2.4
CartFlows: di CartFlows Inc – 2.0.8
Cookie banner plugin per WordPress - Cookiebot CMP by Usercentrics: di Usercentrics A/S – 4.3.9
Elementor: di Elementor.com – 3.22.3
EWWW Image Optimizer: di Exactly WWW – 7.7.0
Forminator: di WPMU DEV – 1.32
G Meta Keywords: di Sinan Yorulmaz – 1.4
GTranslate: di Translate AI Multilingual Solutions – 3.0.6
Kadence Blocks – Gutenberg Blocks for Page Builder Features: di Kadence WP – 3.2.48
Kadence AI Starter Templates: di Kadence WP – 2.1.3
reSmush.it Image Optimizer: di reSmush.it – 1.0.3
Sina Extension for Elementor: di SinaExtra – 3.5.6
WooCommerce: di Automattic – 9.0.2
Yoast SEO: di Team Yoast – 23.0
WP Fastest Cache: di Emre Vona – 1.2.8

### Inactive Plugins (0) ###


### Settings ###

API Enabled: –
Force SSL: –
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –
Enforce Approved Product Download Directories: –
HPOS feature enabled: –
Order datastore: WC_Order_Data_Store_CPT
HPOS data sync enabled: –

### Logging ###

Enabled: ✔
Handler: Automattic\WooCommerce\Internal\Admin\Logging\LogHandlerFileV2
Retention period: 30 giorni
Level threshold: –
Log directory size: 6 KB

### WC Pages ###

Shop base: #958 - /shop/
Carrello: ❌ L'ID della pagina è impostato
ma la pagina non esiste

Pagamento: ❌ L'ID della pagina è impostato
ma la pagina non esiste

Il mio account: ❌ L'ID della pagina è impostato
ma la pagina non esiste

Termini e condizioni: ❌ La pagina non è impostata

### Theme ###

Name: Kadence
Version: 1.2.6
Author URL: https://www.kadencewp.com/
Child Theme: ❌ – Se stai modificando WooCommerce o un tema genitore che non hai costruito personalmente
ti consigliamo di utilizzare un tema child. Vedi: Come creare un tema child

WooCommerce Support: ✔

### Templates ###

Overrides: –

### Admin ###

Enabled Features: activity-panels
analytics
product-block-editor
coupons
core-profiler
customize-store
customer-effort-score-tracks
import-products-task
experimental-fashion-sample-products
shipping-smart-defaults
shipping-setting-tour
homescreen
marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
product-custom-fields
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
woo-mobile-welcome
wc-pay-promotion
wc-pay-welcome-page

Disabled Features: minified-js
new-product-management-experience
pattern-toolkit-full-composability
product-pre-publish-modal
settings
async-product-editor-category-field
launch-your-store
product-editor-template-system

Daily Cron: ✔ Next scheduled: 2024-07-09 19:24:01 +02:00
Options: ✔
Notes: 161
Onboarding: completed

### Action Scheduler ###

Completato: 131
Oldest: 2024-06-08 13:07:36 +0200
Newest: 2024-07-09 12:13:45 +0200

Operazione non riuscita: 44
Oldest: 2023-02-15 08:06:35 +0100
Newest: 2024-07-09 10:50:11 +0200

In attesa: 9
Oldest: 2024-07-09 12:14:45 +0200
Newest: 2024-07-23 12:38:48 +0200


### Status report information ###

Generated at: 2024-07-09 12:14:03 +02:00

@media only screen and (max-width: 767px) {
.foogallery .fg-item .fg-item-inner {
     width: 50% !important;
     height: 50% !important;
     max-width: 50% !important;
     max-height: 50% !important;
 }
}

Using this custom css, the images and captions now display smaller once the screen size is less than 767px.

The final part of the problem that I can’t solve is removing all the empty white space around the images. See a screenshot here. Using the inspect tool, it appears that the blank space is being created through another series of classes; see here. I can’t seem to solve the blank space issue when I try to target fg-type-image and/or fg-positioned and/or fg-loaded.

Any suggestions on how to close the gap? Thanks!

Example of Code:

$image = wp_get_image_editor( 'cool_image.jpg' );
if ( ! is_wp_error( $image ) ) {
    $image->resize( 1600, 1600, false );
    $image->save( 'new_image.jpg' );
}

Since the Essential Blocks plugin update yesterday, the accordion item content – when the accordion title is clicked – is limited to a maximum height of 1000 pixels by an inline style. It worked perfectly just before that, even with very long content.

In the Firefox inspector I found the following HTML:
<div class="eb-accordion-content-wrapper" style="max-height: 1000px;">

I tried to override this inline style by updating ‘eb-accordion-content-wrapper’ in my child-theme’s style.css with various pixel heights, “none” or “inherit” and even “auto”, but then all the accordion items on the page are kicked open all at the same time and not revealed individually as an accordion title is clicked.

Any suggestion to side-step this issue would be greatly appreciated.

I am need to create a Cover block with a 30px height for my website. I am using the Blank-Canvas theme. Right now, the minimum height is set to 50px, regardless if I input a lower number. Attached is a screenshot, and am hoping their is a way to customize the block with CSS, or help navigating the source .PHP file to edit.

Thank you for your help,
Michael

Is there a way to set a maximum logo height so it does not grow so big?

Thank you

Possibly since one of the latest updates the filters with a max-height have stopped scrolling. They used to work fine when I first installed the plugin.

Do you know what that could be?

Thanks