I can’t change image size
-
Prerequisites
- [X] I have searched for similar issues in open and closed tickets and cannot find a duplicate.
- [X] I have troubleshooted my issue, and it still exists against the latest stable version of Elementor.
Description
ENVIRONMENT:
WordPress 6.5.3Elementor Version 3.21.8
I want to make a sale page with Elementor. I use a simple free Elementor template. I selected the template “Canva Elementor” in the settings of the page (see screenshot)
lementor/elementor/assets/60190240/735270bf-76c1-4af3-8da7-9e5fcf34d091)
PROBLEM:
My webp image keeps always the same size whatever size I choose:
WHAT DID I DO?
I inspected the code and I can see this element class for the image is width:100%
I don’t understand, so I checked my custom CSS in my “Personalize theme” page :
.site-title{display:none;} .elementor-224 { max-width: 100%!important; } .style-two .header-bottom { padding-top: 0px; padding-bottom: 0px; } .main-navigation ul li { font-size: 1em!important;} .header-social ul li { font-size: 1em!important; } .footer-t { padding-top: 30px!important; padding-bottom: 30px!important; padding-left: 30px!important; padding-right: 30px!important; } .widget { margin: 0 0 10px 0!important; } .footer-b{display:none;} .wpcf7-form-control.wpcf7-text{ width:300px!important; font-size:1.1em!important; } .inline_textfield{ display:inline-block; margin-left: 5px; margin-right: 5px; } .post-thumbnail .svg-holder { width: 150px; /* Adjust the width as needed */ height: 150px; /* Adjust the height as needed */ } .post-thumbnail .fallback-svg { width: 100%; /* Ensure the SVG scales properly */ height: 100%; /* Ensure the SVG scales properly */ }
I don’t see anything wrong. So I cleared the cache and tried with different browsers (Firefox, IE, Chrome). There is still the same issue. The image doesn’t want to change.
So I switch to the Twenties theme, and I get the same issue.
So I updated Elementor, but I still have the same issue.
So I deactivated all the plugins except Elementor, and I still have the same issue.
So I switched my Webp image with a PNG, and I still have the same issue.For all these reasons, I think ELementor is bugging or I didn’t see something in my parameters. Steps to reproduce
- Create a blank page with Elementor
- Select the template “Elementor canvas” in the settings of the page
- Insert an image
- Change the size
- Save the page and preview
- The size image is not correct whatever size I select
Expected behavior
- Create a blank page with Elementor
- Select the template “Elementor canvas” in the settings of the page
- Insert an image
- Change the size
- Save the page and preview
- The image size is corresponding to what I configured in the ELementor Edition page.
Isolating the problem
- [X] This bug happens when only the Elementor (and Elementor Pro) plugins are active.
- [ ] This bug happens with the Hello Elementor theme active.
- [X] I can reproduce this bug consistently by following the steps I described above.
Elementor System Info
== Server Environment == Operating System: Linux Software: Apache MySQL version: Ubuntu 18.04 v5.6.46-86.2 PHP Version: 8.1.28 PHP Memory Limit: 128M PHP Max Input Vars: 1000 PHP Max Post Size: 256M GD Installed: Yes ZIP Installed: Yes Write Permissions: All right Elementor Library: Connected == WordPress Environment == Version: 6.5.3 Site URL: https://gauthierbuttez.com Home URL: https://gauthierbuttez.com WP Multisite: No Max Upload Size: 64 Mo Memory limit: 40M Max Memory limit: 256M Permalink Structure: /%postname%/ Language: fr_FR Timezone: 0 Admin Email: [email protected] Debug Mode: Inactive == Theme == Name: Fashionable Lite Version: 1.0.0 Author: Blossom Themes Child Theme: Yes Parent Theme Name: Vilva Parent Theme Version: 1.2.4 Parent Theme Author: Blossom Themes == User == Role: administrator WP Profile lang: fr-FR User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36 == Active Plugins == Contact Form 7 Version: 5.9.5 Author: Takayuki Miyoshi Contact Form 7 Connector Version: 1.2.6 Author: ARI Soft Duplicate Page Version: 4.5.3 Author: mndpsingh287 Elementor Version: 3.21.8 Author: Elementor.com GTM4WP - A Google Tag Manager (GTM) plugin for WordPress Version: 1.20.2 Author: Thomas Geiger GTranslate Version: 3.0.6 Author: Translate AI Multilingual Solutions Head, Footer and Post Injections Version: 3.2.8 Author: Stefano Lissa LearnPress Version: 4.2.6.8 Author: ThimPress LearnPress - Coming Soon Courses Version: 4.0.6 Author: ThimPress LearnPress - Course Review Version: 4.1.2 Author: ThimPress LearnPress - Course Wishlist Version: 4.0.7 Author: ThimPress LearnPress - WooCommerce Payment Methods Integration Version: 4.1.4 Author: ThimPress MailerLite - Signup forms (official) Version: 1.7.10 Author: MailerLite MailerLite - WooCommerce integration Version: 2.1.12 Author: MailerLite reCaptcha by BestWebSoft Version: 1.75 Author: BestWebSoft ReCaptcha v2 for Contact Form 7 Version: 1.4.7 Author: IQComputing Ultimate Addons for Contact Form 7 Version: 3.3.12 Author: Themefic WooCommerce Version: 8.9.1 Author: Automattic WooCommerce Stripe Gateway Version: 8.3.1 Author: WooCommerce WP Google Review Slider Version: 14.1 Author: LJ Apps WP Mail SMTP Version: 4.0.1 Author: WP Mail SMTP Yoast SEO Version: 22.8 Author: Team Yoast == Utilisation des éléments == page : 3 button : 8 heading : 24 icon : 1 icon-box : 7 image : 6 image-gallery : 1 progress : 4 shortcode : 2 spacer : 6 testimonial : 1 text-editor : 4 video : 1 section : 7 button : 6 heading : 12 image : 1 image-gallery : 1 shortcode : 1 spacer : 6 testimonial : 1 text-editor : 1 wp-post : 0 button : 3 container : 2 google_maps : 2 heading : 7 html : 1 image : 3 image-box : 1 shortcode : 2 text-editor : 6 toggle : 1 wp-page : 9 button : 4 container : 44 heading : 12 icon-box : 4 icon-list : 1 image : 12 image-box : 4 shortcode : 1 social-icons : 4 testimonial : 3 text-editor : 10 == Réglages == cpt_support: post, page, wpr_templates disable_color_schemes: yes disable_typography_schemes: yes allow_tracking: yes == Expériences d’Elementor == Amélioration du chargement des ressources: Actif par défaut Optimisation du chargement du CSS: Inactif par défaut Polices d’ic?nes ? inline ?: Inactif par défaut Points d’arrêt personnalisés supplémentaires: Actif par défaut admin_menu_rearrangement: Inactif par défaut Conteneur Flexbox: Actif Mettre à niveau la bibliothèque Swiper: Actif par défaut Conteneur grille: Actif par défaut Nested Elements Performance: Inactif par défaut Optimized Control Loading: Inactif par défaut écran d’accueil Elementor: Actif par défaut Barre supérieure de l’éditeur: Inactif par défaut Construire avec l’IA: Actif par défaut Page d’atterrissage: Actif par défaut éléments imbriqués: Inactif par défaut Chargement différé des images d’arrière-plan: Inactif par défaut == Journal == Log: showing 20 of 362024-02-27 09:13:21 [info] Elementor/Upgrades - _on_each_version Finished 2024-02-27 09:13:21 [info] Elementor/Upgrades - _v_3_2_0_migrate_breakpoints_to_new_system Start 2024-02-27 09:13:21 [info] Elementor/Upgrades - _v_3_2_0_migrate_breakpoints_to_new_system Finished 2024-02-27 09:13:21 [info] Elementor/Upgrades - _v_3_4_8_fix_font_awesome_default_value_from_1_to_yes Start 2024-02-27 09:13:21 [info] Elementor/Upgrades - _v_3_4_8_fix_font_awesome_default_value_from_1_to_yes Finished 2024-02-27 09:13:21 [info] Elementor/Upgrades - _v_3_5_0_remove_old_elementor_scheme Start 2024-02-27 09:13:21 [info] Elementor/Upgrades - _v_3_5_0_remove_old_elementor_scheme Finished 2024-02-27 09:13:21 [info] Elementor/Upgrades - _v_3_8_0_fix_php8_image_custom_size Start 2024-02-27 09:13:21 [info] Elementor/Upgrades - _v_3_8_0_fix_php8_image_custom_size Finished 2024-02-27 09:13:21 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.9.0', 'to' => '3.19.2', )] 2024-03-24 18:05:16 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.19.2', 'to' => '3.20.2', )] 2024-03-24 18:05:18 [info] elementor::elementor_updater Started 2024-03-24 18:05:18 [info] Elementor/Upgrades - _on_each_version Start 2024-03-24 18:05:18 [info] Elementor/Upgrades - _on_each_version Finished 2024-03-24 18:05:18 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.19.2', 'to' => '3.20.2', )] 2024-03-24 18:05:21 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.19.2', 'to' => '3.20.2', )] 2024-06-03 09:31:31 [info] elementor::elementor_updater Started 2024-06-03 09:31:31 [info] Elementor/Upgrades - _on_each_version Start 2024-06-03 09:31:32 [info] Elementor/Upgrades - _on_each_version Finished 2024-06-03 09:31:32 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.20.2', 'to' => '3.21.8', )] JS: showing 6 of 6JS: 2022-12-09 10:19:05 [error X 7][https://gauthierbuttez.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:51816] a is undefined JS: 2022-12-09 10:52:17 [error X 6][https://gauthierbuttez.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.9.0:3:775685] this.store.find(...) is undefined JS: 2022-12-09 11:15:49 [error X 1][https://gauthierbuttez.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.9.0:3:301949] C.ui.form is undefined JS: 2024-02-17 19:07:11 [error X 1][https://gauthierbuttez.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:31703] elementor_new_template_form_controls is not defined JS: 2024-02-18 09:27:32 [error X 6672][https://gauthierbuttez.com/wp-content/plugins/elementor/assets/lib/pickr/pickr.min.js?ver=1.5.0:2:14799] Cannot read properties of null (reading 'clone') JS: 2024-02-18 09:27:33 [error X 150][https://gauthierbuttez.com/wp-content/plugins/elementor/assets/lib/pickr/pickr.min.js?ver=1.5.0:2:19552] Cannot read properties of null (reading 'changestop') PHP: showing 1 of 1PHP: 2024-02-18 10:04:11 [warning X 1][/var/www/vhosts/gauthierbuttez.com/httpdocs/wp-content/plugins/elementor/core/logger/items/js.php::17] Undefined array key "url" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] == Elementor - Compatibility Tag ==
- You must be logged in to reply to this topic.