Pfeil Block wird halbiert dargestellt
-
Aus irgendeinem Grund wird der Pfeil block nur halbiert dargestellt. Weiss jemand was der grund sein kann. Ich benütze den gutenberg editor mit spectra.
https://drive.google.com/file/d/1IBlurcw5faY5Db6EHBhGAnueQ3Lg0N4G/view?usp=sharing
https://drive.google.com/file/d/1_KcLzvg-qE_EJ-sNTNKVtl8ZCq4p_16D/view?usp=sharing
https://drive.google.com/file/d/1tJGirzEI61jm86H5ELPnGBU-Jz0_mPSG/view?usp=sharingDie Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Ich rätsel erstmal was das für ein Block ist. Ich vermute es handelt sich um einen von WooCommerce. Genauer würde man das evtl. sehen können, wenn du den Website-Bericht bereitstellst: https://de.wordpress.org/support/topic/bevor-du-ein-neues-thema-thread-erstellst/
Allerdings sehe ich auch, dass das Styling der Buttons durch Angaben von deinem Theme Astra beeinflusst werden. Dieses erkennt wohl die WooCommerce Buttons und setzt eigene Style-Angaben. Ich habe jetzt jedoch keine Einstellung sehen können, über die man das beeinflussen kann.
Eine einfache Lösung wäre daher möglicherweise dieses individuelle CSS:
body [CLASS*="wc-block"] button {
padding: 0;
}Hallo threadi!
Ja der ist von Woocemmerce soviel ich weiss:
https://drive.google.com/file/d/1KKnJjWQSCCpRhAcRysDZAdbpJNNDxMo8/view?usp=sharing
Ich habe versucht dein Code als zusätzliches css hinzuzufügen und wenn ich es speichere sieht es leider gleich aus:
https://drive.google.com/file/d/1i3DHQaQEIrf2fN2Eh-Za9L2nGsMhbMwR/view?usp=sharing
https://drive.google.com/file/d/1tQHRIJKtDMYP0NriTvrsttbIAPZyFljw/view?usp=sharing
Hier noch der Website Bericht:` wp-core
version: 6.9.1
site_language: de_CH
user_language: de_CH
timezone: +00:00
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: undefined
environment_type: production
user_count: 1
dotorg_communication: true wp-paths-sizes
wordpress_path: /home/u945812743/domains/ganimer.ch/public_html
wordpress_size: 68.81 MB (72147413 bytes)
uploads_path: /home/u945812743/domains/ganimer.ch/public_html/wp-content/uploads
uploads_size: 136.75 MB (143396140 bytes)
themes_path: /home/u945812743/domains/ganimer.ch/public_html/wp-content/themes
themes_size: 36.77 MB (38560137 bytes)
plugins_path: /home/u945812743/domains/ganimer.ch/public_html/wp-content/plugins
plugins_size: 165.94 MB (174005691 bytes)
fonts_path: /home/u945812743/domains/ganimer.ch/public_html/wp-content/uploads/fonts
fonts_size: directory not found
database_size: 26.09 MB (27361280 bytes)
total_size: 434.37 MB (455470661 bytes) wp-active-theme
name: Astra (astra)
version: 4.12.3
author: Brainstorm Force
author_website: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
parent_theme: none
theme_features: core-block-patterns, astra_hooks, widgets-block-editor, align-wide, automatic-feed-links, title-tag, post-thumbnails, starter-content, html5, post-formats, custom-logo, customize-selective-refresh-widgets, editor-style, responsive-embeds, woocommerce, rank-math-breadcrumbs, amp, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, widgets, menus
theme_path: /home/u945812743/domains/ganimer.ch/public_html/wp-content/themes/astra wp-themes-inactive (3)
Twenty Twenty-Five: version: 1.4, author: WordPress-Team
Twenty Twenty-Four: version: 1.4, author: the WordPress team
Twenty Twenty-Three: version: 1.6, author: WordPress-Team wp-mu-plugins (2)
Hostinger Preview Domain: version: 1.3.4, author: Hostinger
Hostinger Smart Auto Updates: version: 1.0.7, author: Hostinger wp-plugins-active (11)
FiboSearch - AJAX Search for WooCommerce: version: 1.32.2, author: FiboSearch Team
Google for WooCommerce: version: 3.5.2, author: WooCommerce (latest version: 3.5.3)
LiteSpeed Cache: version: 7.7, author: LiteSpeed Technologies (latest version: 7.8)
Site Kit by Google: version: 1.173.0, author: Google
Spectra: version: 2.19.20, author: Brainstorm Force
Starter Templates: version: 4.4.50, author: Brainstorm Force (latest version: 4.4.51)
WooCommerce: version: 10.5.2, author: Automattic (latest version: 10.5.3)
WooCommerce.com Update Manager: version: 1.0.3, author: Automattic
WooCommerce PayPal Payments: version: 3.4.0, author: PayPal (latest version: 3.4.1)
WooPayments: version: 10.5.1, author: WooCommerce
WP Menu Cart: version: 2.14.12, author: WP Overnight wp-media
image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1809
imagemagick_version: ImageMagick 7.1.1-43 Q16-HDRI x86_64 22550 https://imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 256M
upload_max_filesize: 256M
max_effective_size: 256 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 2 TB
imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
imagick::RESOURCETYPE_FILE: 393216
imagick::RESOURCETYPE_MAP: 1'006 GB
imagick::RESOURCETYPE_MEMORY: 503 GB
imagick::RESOURCETYPE_THREAD: 1
imagick::RESOURCETYPE_TIME: 0
imagemagick_file_formats: 3FR, 3G2, 3GP, A, AAI, AI, APNG, ART, ARW, ASHLAR, AVCI, AVI, AVIF, AVS, B, BAYER, BAYERA, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, C, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUBE, CUR, CUT, DATA, DCM, DCR, DCRAW, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FARBFELD, FAX, FF, FFF, FILE, FITS, FL32, FLV, FRACTAL, FTP, FTS, FTXT, G, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, HALD, HDR, HEIC, HEIF, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K, K25, KDC, LABEL, M, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MDC, MEF, MIFF, MKV, MNG, MONO, MOS, MOV, MP4, MPC, MPEG, MPG, MPO, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, O, ORA, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PHM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, QOI, R, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RSVG, RW2, RWL, SCR, SCREENSHOT, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, SRW, STEGANO, STI, STRIMG, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TM2, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, Y, YAML, YCBCR, YCBCRA, YUV
image_format_transforms: image/heic → image/jpeg, image/heif → image/jpeg, image/heic-sequence → image/jpeg, image/heif-sequence → image/jpeg
gd_version: 2.3.3
gd_formats: GIF, JPEG, PNG, WebP, BMP, AVIF, XPM
ghostscript_version: 9.54.0 wp-server
server_architecture: Linux 5.14.0-503.34.1.el9_5.x86_64 x86_64
httpd_software: LiteSpeed
php_version: 8.3.19 64bit
php_sapi: litespeed
max_input_variables: 5000
time_limit: 300
memory_limit: 512M
max_input_time: 240
upload_max_filesize: 256M
php_post_max_size: 256M
curl_version: 7.76.1 OpenSSL/3.2.2
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: true
static_robotstxt_file: false
current: 2026-03-06T09:30:10+00:00
utc-time: Friday, 06-Mar-26 09:30:10 UTC
server-time: 2026-03-06T09:30:09+00:00 wp-database
extension: mysqli
server_version: 11.8.3-MariaDB-log
client_version: mysqlnd 8.3.19
max_allowed_packet: 1073741824
max_connections: 2000 wp-constants
WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/u945812743/domains/ganimer.ch/public_html/wp-content
WP_PLUGIN_DIR: /home/u945812743/domains/ganimer.ch/public_html/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 512M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: true
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: undefined
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined wp-filesystem
wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
fonts: does not exist
mu-plugins: writable google-site-kit
version: 1.173.0
php_version: 8.3.19
wp_version: 6.9.1
reference_url: https://ganimer.ch
amp_mode: no
site_status: not-connected
user_status: not authenticated
verification_status: not-verified
connected_user_count: none
active_modules: site-verification, search-console, pagespeed-insights
recoverable_modules: none
required_scopes:
openid: ⭕
https://www.googleapis.com/auth/userinfo.profile: ⭕
https://www.googleapis.com/auth/userinfo.email: ⭕
https://www.googleapis.com/auth/siteverification: ⭕
https://www.googleapis.com/auth/webmasters: ⭕
capabilities:
googlesitekit_authenticate: ✅
googlesitekit_setup: ✅
googlesitekit_view_posts_insights: ⭕
googlesitekit_view_dashboard: ⭕
googlesitekit_manage_options: ⭕
googlesitekit_update_plugins: ⭕
googlesitekit_view_splash: ✅
googlesitekit_view_authenticated_dashboard: ⭕
googlesitekit_view_wp_dashboard_widget: ⭕
googlesitekit_view_admin_bar_menu: ⭕
googlesitekit_view_shared_dashboard: ⭕
googlesitekit_read_shared_module_data::["search-console"]: ⭕
googlesitekit_read_shared_module_data::["pagespeed-insights"]: ⭕
googlesitekit_manage_module_sharing_options::["search-console"]: ⭕
googlesitekit_manage_module_sharing_options::["pagespeed-insights"]: ⭕
googlesitekit_delegate_module_sharing_management::["search-console"]: ⭕
googlesitekit_delegate_module_sharing_management::["pagespeed-insights"]: ⭕
enabled_features:
googleTagGateway: ⭕
gtagUserData: ⭕
privacySandboxModule: ⭕
proactiveUserEngagement: ⭕
rrmPolicyViolations: ⭕
setupFlowRefresh: ⭕
active_conversion_event_providers:
woocommerce: add_to_cart, purchase
consent_mode: disabled
consent_api: not-detected
search-console_shared_roles: none
search-console_management: owner
pagespeed-insights_shared_roles: none
pagespeed-insights_management: all_admins
key_metrics_status: Not setup
search_console_property: noneDu hast den von mir empfohlenen Code an der falschen Stelle eingetragen. Das Feld wo du ihn eingetragen hast dient nur CSS-Klassen (wie auch die Beschriftung sagt), keinen kompletten Style-Angaben.
Da du Astra hast, müsstest du den Code unter Design > Customizer > Zusätzliches CSS eintragen. Dann wird es auch funktionieren.
Ahh verstehe, vielen Dank threadi! jetzt hat es funktioniert.
Das sieht besser, aber noch nicht optimal aus. Vom rechten Pfeil ist ein Stück abgeschnitten. Ergänze mal das hier noch an gleicher Stelle:
body [CLASS*="wc-block"] button svg {
padding: 0;
}Dann sollten die Pfeile auch mittig sein.
Und danke fürs gelöst-markieren 🙂
ahh ja stimmt habs ergänzt. ich glaube jetzt passts oder was meinst du?
Ja, top. Wenns dir auch zusagt, super 🙂
joo denke passt so danke nochmals! 🙂
Du musst angemeldet sein, um auf dieses Thema zu antworten.