search

elementor / elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
https://elementor.com/
GNU General Public License v3.0
6.58k stars 1.42k forks source link

🐞 Bug Report: elementor-price-table__features-list #21781

Open h3lz0r opened 1 year ago

h3lz0r commented 1 year ago

Prerequisites

Description

the icon is not aligned with the text, I'm using flexbox but this problem persists for a long time ago image

Steps to reproduce

the icons can't be aligned in the price table,and sometimes in icon list widget as well, is a very old problem that I seen on several websites I made

Isolating the problem

System Info

== Server Environment == Operating System: Linux Software: nginx/1.20.2 MySQL version: (Google) v8.0.26 PHP Version: 7.4.33 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.1.1 Site URL: https://codecas.com Home URL: https://codecas.com WP Multisite: No Max Upload Size: 256 MB Memory limit: 512M Max Memory limit: 256M Permalink Structure: /%postname%/ Language: en-US Timezone: 0 Admin Email: robertmacinca@gmail.com Debug Mode: Inactive

== Theme == Name: GeneratePress Version: 3.2.4 Author: Tom Usborne Child Theme: No

== User == Role: administrator WP Profile lang: en_US User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

== Active Plugins == Advanced Custom Fields Version: 6.0.7 Author: WP Engine

Cloudflare
    Version: 4.11.0
    Author: Cloudflare, Inc.

Code Snippets
    Version: 3.3.0
    Author: Code Snippets Pro

Complianz | GDPR/CCPA Cookie Consent
    Version: 6.4.2.1
    Author: Really Simple Plugins

Elementor
    Version: 3.13.0-cloud1
    Author: Elementor.com

Elementor Pro
    Version: 3.13.0-cloud1
    Author: Elementor.com

Image optimization service by Optimole
    Version: 3.5.7
    Author: Optimole

Rank Math SEO
    Version: 1.0.110.1
    Author: Rank Math

WPCode Lite
    Version: 2.0.8.1
    Author: WPCode

WP Fastest Cache
    Version: 1.1.1
    Author: Emre Vona

WP Meteor
    Version: 3.1.9
    Author: Aleksandr Guidrevitch

== Elements Usage ==

container : 1
    container : 5
    price-table : 3
footer : 1
    container : 10
    divider : 5
    heading : 5
    image : 4
    search-form : 1
    text-editor : 4
header : 3
    button : 1
    container : 5
    image : 2
    nav-menu : 2
    search-form : 2
page : 1
    button : 1
    heading : 7
    icon-box : 3
    icon-list : 8
    image : 9
    image-box : 12
    lottie : 3
    text-editor : 9
popup : 1
    container : 4
    price-table : 3
wp-page : 12
    accordion : 1
    button : 4
    container : 114
    form : 5
    gallery : 1
    heading : 8
    icon-box : 13
    icon-list : 15
    image : 23
    image-box : 18
    lottie : 15
    menu-anchor : 3
    nested-tabs : 1
    price-list : 4
    price-table : 3
    testimonial-carousel : 6
    text-editor : 39
search-results : 1
    container : 5
    form : 1
    heading : 3
    posts : 1
    text-editor : 1
error-404 : 1
    button : 1
    container : 3
    heading : 1
    icon-list : 1
    lottie : 1

== Settings ==

cpt_support: post, page
allow_tracking: yes
unfiltered_files_upload: 1
font_display: swap
meta_generator_tag: 1

== Features == Custom Fonts: 6 Custom Icons: 0

== Integrations ==

recaptcha_v3: Active

== Elementor Experiments == Optimized DOM Output: Active Improved Asset Loading: Active Improved CSS Loading: Active Inline Font Icons: Active Accessibility Improvements: Active by default Additional Custom Breakpoints: Active by default admin_menu_rearrangement: Inactive by default Flexbox Container: Active Upgrade Swiper Library: Inactive by default Container Grid: Inactive by default Default to New Theme Builder: Active by default Editor Top Bar: Active Landing Pages: Active Nested Elements: Active Lazy Load Background Images: Inactive Improved Page Actions Layout: Active Page Transitions: Active by default Notes: Active by default Loop: Active Scroll Snap: Active by default Menu: Active

== Log ==

Log: showing 20 of 332023-02-27 11:52:07 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.11.0-cloud1', 'to' => '3.12.0-cloud2', )] 2023-03-04 16:47:18 [info] elementor-pro::elementor_pro_updater Started 2023-03-04 16:47:18 [info] Elementor Pro/Upgrades - _on_each_version Start
2023-03-04 16:47:18 [info] Elementor Pro/Upgrades - _on_each_version Finished 2023-03-04 16:47:18 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.12.0-cloud2', 'to' => '3.12.0-cloud3', )] 2023-03-04 16:47:18 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.12.0-cloud2', 'to' => '3.12.0-cloud3', )] 2023-03-04 16:47:36 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.12.0-cloud2', 'to' => '3.12.0-cloud3', )] 2023-03-04 16:47:36 [info] elementor::elementor_updater Started 2023-03-04 16:47:36 [info] Elementor/Upgrades - _on_each_version Start
2023-03-04 16:47:38 [info] Elementor/Upgrades - _on_each_version Finished 2023-03-04 16:47:38 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.12.0-cloud2', 'to' => '3.12.0-cloud3', )] 2023-03-16 22:23:41 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.12.0-cloud3', 'to' => '3.13.0-cloud1', )] 2023-03-16 22:23:42 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.12.0-cloud3', 'to' => '3.13.0-cloud1', )] 2023-03-16 22:23:42 [info] Elementor Pro/Upgrades - _on_each_version Start
2023-03-16 22:23:42 [info] Elementor Pro/Upgrades - _on_each_version Finished 2023-03-16 22:23:42 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.12.0-cloud3', 'to' => '3.13.0-cloud1', )] 2023-03-16 22:23:42 [info] elementor::elementor_updater Started 2023-03-16 22:23:42 [info] Elementor/Upgrades - _on_each_version Start
2023-03-16 22:23:43 [info] Elementor/Upgrades - _on_each_version Finished 2023-03-16 22:23:43 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.12.0-cloud3', 'to' => '3.13.0-cloud1', )]

JS: showing 5 of 5JS: 2023-01-24 22:41:28 [error X 1][https://codecas.elementor.cloud/wp-admin/load-scripts.php?c=1&loadchunk_0=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=6.1.1:2:31703] e.dispatchEvent is not a function JS: 2023-01-30 08:24:29 [error X 2][https://codecas.elementor.cloud/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.11.0-cloud1:3:786033] Cannot read properties of undefined (reading 'localized') JS: 2023-02-16 23:21:29 [error X 1][https://codecas.elementor.cloud/wp-content/plugins/dynamic-visibility-for-elementor/assets/js/editor-dynamic-visibility.js?ver=5.0.4:77:19] dce_model_cid is not defined JS: 2023-02-28 19:46:27 [error X 9][https://codecas.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.12.0-cloud2:3:910133] Cannot read properties of undefined (reading 'route') JS: 2023-03-11 18:44:12 [error X 47][https://codecas.com/wp-admin/load-scripts.php?c=1&loadchunk_0=underscore,jquery-core,jquery-migrate,backbone,jquery-ui-core,jquery-ui-mouse,wp-api-request,regenerator-runtime,wp-polyfill,wp-&loadchunk_1=hooks&ver=6.1.1:4:51824] Cannot read properties of undefined (reading 'replace')

PHP: showing 4 of 4PHP: 2023-01-29 22:29:23 [notice X 23][/mnt/customers-3/customers-el-371989-45084-codecas-wordpress-pvc-63bac9a3a9436700222eec38/wp-content/wp-content/plugins/elementor/core/common/modules/ajax/module.php::175] Undefined index: data [array ( 'trace' => '

0: Elementor\Core\Logger\Manager -> shutdown()

', )] PHP: 2023-02-16 22:37:12 [notice X 1][/mnt/customers-3/customers-el-371989-45084-codecas-wordpress-pvc-63bac9a3a9436700222eec38/wp-content/wp-content/plugins/elementor-pro/modules/dynamic-tags/acf/tags/acf-text.php::33] Undefined offset: 1 [array ( 'trace' => '

0: Elementor\Core\Logger\Manager -> shutdown()

', )] PHP: 2023-03-11 17:25:55 [notice X 12][/mnt/customers-3/customers-el-371989-45084-codecas-wordpress-pvc-63bac9a3a9436700222eec38/wp-content/wp-content/plugins/elementor/includes/managers/image.php::108] Trying to access array offset on value of type bool [array ( 'trace' => '

0: Elementor\Core\Logger\Manager -> shutdown()

', )] PHP: 2023-03-17 00:32:37 [warning X 1][/mnt/customers-3/customers-el-371989-45084-codecas-wordpress-pvc-63bac9a3a9436700222eec38/wp-content/wp-content/plugins/elementor/core/files/base.php::203] unlink(/mnt/customers-3/customers-el-371989-45084-codecas-wordpress-pvc-63bac9a3a9436700222eec38/wp-content/wp-content/uploads/elementor/css/post-13.css): No such file or directory [array ( 'trace' => '

0: Elementor\Core\Logger\Manager -> shutdown()

', )]

== Elementor - Compatibility Tag ==

Elementor Pro: Incompatible

== Elementor Pro - Compatibility Tag ==

doronwolf commented 1 year ago

Hi @h3lz0r it seems this issue happens only when using SVG instead of the icon library - I'll try to look into that 🤔 for now, you can try adding this CSS as a temporary fix .elementor-price-table .elementor-price-table__features-list svg { margin-bottom: -11px; }

h3lz0r commented 1 year ago

Thank you for your answer :) I don t use svg, the icons are the default ones, but i will try that.

mar., 28 mar. 2023, 11:55 doronwolf @.***> a scris:

Hi @h3lz0r https://github.com/h3lz0r it seems this issue happens only when using SVG instead of the icon library - I'll try to look into that 🤔 for now, you can try adding this CSS as a temporary fix .elementor-price-table .elementor-price-table__features-list svg { margin-bottom: -11px; }

— Reply to this email directly, view it on GitHub https://github.com/elementor/elementor/issues/21781#issuecomment-1486555583, or unsubscribe https://github.com/notifications/unsubscribe-auth/A6ZB2VHF6YSJO3262K3S2EDW6KYP7ANCNFSM6AAAAAAWJS5R44 . You are receiving this because you were mentioned.Message ID: @.***>

doronwolf commented 1 year ago

Hi @h3lz0r you don't use SVG but you did turn the 'Inline Font Icons' experiment on which makes the icons of the 'features' list behave like SVG (so turning the 'Inline Font Icons' experiment off is also a workaround for your issue)

h3lz0r commented 1 year ago

I didn't know that, thank you

mar., 28 mar. 2023, 12:46 doronwolf @.***> a scris:

Hi @h3lz0r https://github.com/h3lz0r you don't use SVG but you did turn the 'Inline Font Icons' experiment on which makes the icons of the 'features' list behave like SVG (so turn the 'Inline Font Icons' experiment off is also a workaround for your issue)

— Reply to this email directly, view it on GitHub https://github.com/elementor/elementor/issues/21781#issuecomment-1486630378, or unsubscribe https://github.com/notifications/unsubscribe-auth/A6ZB2VBLZLRGYLQSMKTXJMDW6K6OTANCNFSM6AAAAAAWJS5R44 . You are receiving this because you were mentioned.Message ID: @.***>

h3lz0r commented 1 year ago

Hi @h3lz0r you don't use SVG but you did turn the 'Inline Font Icons' experiment on which makes the icons of the 'features' list behave like SVG (so turning the 'Inline Font Icons' experiment off is also workaround for your issue)

hey, it works, thank you.