CSS help with checkout customer fields
-
Hi !
I would really like to get in touch with someone that could help me out on a css styling issue I have. The HOUZEZ theme I’m using is somewhat conflicting with the WC checkout page styling. This results in wrong markup of the customer details at checkout, the input text fields are not correct etc.
Anyone?
Thanks!!
The page I need help with: [log in to see the link]
-
Hey there,
Could you please share a copy of your site’s System Status? You can find it via WooCommerce > Status.
Select “Get system report” and then “Copy for support”. Once you’ve done that, paste it here in your response.Hi, thanks for your prompt reply. The status says the theme does not support WC. Is there anything else you would like to know from that status, before I paste it here?
### WordPress Environment ### WordPress address (URL): https://makelaar-website.nl Site address (URL): https://makelaar-website.nl WC Version: 4.2.0 REST API Version: ✔ 1.0.8 WC Blocks Version: ✔ 2.5.16 Action Scheduler Version: ✔ 3.1.6 WC Admin Version: ✔ 1.2.3 Log Directory Writable: ✔ WP Version: 5.4.1 WP Multisite: – WP Memory Limit: 256 MB WP Debug Mode: – WP Cron: ✔ Language: nl_NL External object cache: – ### Server Environment ### Server Info: Apache PHP Version: 7.4.6 PHP Post Max Size: 32 MB PHP Time Limit: 30 PHP Max Input Vars: 1000 cURL Version: 7.62.0 OpenSSL/1.0.2k SUHOSIN Installed: – MySQL Version: 5.5.5-10.1.44-MariaDB-cll-lve Max Upload Size: 32 MB Default Timezone is UTC: ✔ fsockopen/cURL: ✔ SoapClient: ✔ DOMDocument: ✔ GZip: ✔ Multibyte String: ✔ Remote Post: ✔ Remote Get: ✔ ### Database ### WC Database Version: 4.2.0 WC Database Prefix: wp_ Totale databasegrootte: 50.11MB Database datagrootte: 45.68MB Database index grootte: 4.43MB wp_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_actions: Data: 0.05MB + Index: 0.11MB + Engine InnoDB wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB wp_favethemes_currency_converter: Data: 0.06MB + Index: 0.00MB + Engine InnoDB wp_favethemes_insights: Data: 0.38MB + Index: 0.44MB + Engine InnoDB wp_houzez_crm_activities: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_houzez_crm_deals: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_houzez_crm_enquiries: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_houzez_crm_leads: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_houzez_crm_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_houzez_crm_viewed_listings: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_houzez_currencies: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_houzez_fields_builder: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_houzez_search: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_houzez_threads: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_houzez_thread_messages: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_mailchimp_carts: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_mailchimp_jobs: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_ms_snippets: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_options: Data: 3.50MB + Index: 0.16MB + Engine InnoDB wp_postmeta: Data: 18.52MB + Index: 1.94MB + Engine InnoDB wp_posts: Data: 21.52MB + Index: 0.59MB + Engine InnoDB wp_revslider_css: Data: 0.13MB + Index: 0.00MB + Engine InnoDB wp_revslider_css_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_layer_animations: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_layer_animations_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_navigations: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_navigations_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_sliders: Data: 0.05MB + Index: 0.00MB + Engine InnoDB wp_revslider_sliders_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_slides: Data: 0.05MB + Index: 0.00MB + Engine InnoDB wp_revslider_slides_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_static_slides: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_static_slides_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_snippets: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_term_relationships: Data: 0.09MB + Index: 0.06MB + Engine InnoDB wp_term_taxonomy: Data: 0.05MB + Index: 0.03MB + Engine InnoDB wp_usermeta: Data: 0.08MB + Index: 0.03MB + Engine InnoDB wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wcpdf_invoice_number: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB ### Post Type Counts ### attachment: 198 cool_timeline: 1 custom_css: 1 customize_changeset: 60 elementor_font: 1 elementor_icons: 1 elementor_library: 32 epkb_post_type_1: 6 houzez_agency: 6 houzez_agent: 4 houzez_invoice: 3 houzez_packages: 4 houzez_partner: 4 houzez_reviews: 9 houzez_testimonials: 4 jp_img_sitemap: 1 jp_sitemap: 1 jp_sitemap_master: 1 jp_vid_sitemap: 1 mc4wp-form: 1 nav_menu_item: 52 page: 59 polylang_mo: 1 post: 46 product: 4 property: 42 revision: 993 shop_coupon: 2 shop_order: 1 wpcf7_contact_form: 1 ### Security ### Secure connection (HTTPS): ✔ Hide errors from visitors: ✔ ### Active Plugins (32) ### Redux Framework: door Team Redux – 3.6.18 Admin Menu Editor: door Janis Elsts – 1.9.5 Codefragmenten: door Code Snippets Pro – 2.14.0 Contact Form 7: door Takayuki Miyoshi – 5.1.9 GDPR Cookie-toestemming: door WebToffee – 1.8.8 Extras for Elementor: door Namogo – 2.2.30 Elementor Pro: door Elementor.com – 2.10.0 Elementor: door Elementor.com – 2.9.11 Favethemes Insights: door Favethemes – 1.0.0 Google Analytics Dashboard for WP (GADWP): door ExactMetrics – 6.0.2 Makelaar-Website CRM: door Makelaar-Website – 1.0.4 Makelaar-Website login registratie: door Makelaar-Website – 2.0.4 Makelaar-Website Thema - Functionaliteit: door Makelaar Website – 2.0.5 Google Ads voor WooCommerce: door Kliken – 1.0.4 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 HubSpot All-In-One Marketing - Forms, Popups, Live Chat: door HubSpot – 7.33.3 Limit Login Attempts Reloaded: door WPChef – 2.13.0 Loco Translate: door Tim Whitlock – 2.3.4 MC4WP: Mailchimp for WordPress: door ibericode – 4.7.8 Slider Revolution: door ThemePunch – 6.2.1 Ajax add to cart for WooCommerce: door QuadLayers – 1.1.4 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 Cart All In One For WooCommerce: door VillaTheme – 1.0.9.1 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 Checkout Field Editor for WooCommerce: door ThemeHigh – 1.4.2 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 Woo Shortcodes Kit: door Alberto G. – 1.8.8 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 WooCommerce PayPal Checkout Gateway: door WooCommerce – 2.0.2 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 WooCommerce Stripe Gateway: door WooCommerce – 4.4.0 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 WooCommerce One Page Checkout: door Automattic – 1.7.6 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 WooCommerce PDF Invoices & Packing Slips: door Ewout Fernhout – 2.5.1 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 WooCommerce Services: door Automattic – 1.23.0 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 WooCommerce: door Automattic – 4.2.0 WP Change Default From Email: door Subodh Ghulaxe – 1.1.2 WP Fastest Cache: door Emre Vona – 0.9.0.7 WPFront Scroll Top: door Syam Mohan – 2.0.2 ### Inactive Plugins (10) ### Ajax Domain Checker: door Asdqwe Dev – 1.2.3 Automatic Translate Addon For Loco Translate: door Cool Plugins – 1.7.5 Facebook for WooCommerce: door Facebook – 1.11.4 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 Google Language Translator: door Translate AI Multilingual Solutions – 6.0.6 Mailchimp for WooCommerce: door Mailchimp – 2.4.0 – Geïnstalleerde versie niet getest met actieve versie van WooCommerce 4.2.0 Members: door MemberPress – 3.0.8 One Click Demo Import: door ProteusThemes – 2.5.2 WP Content Copy Protection & No Right Click: door wp-buy – 2.3 WP Rollback: door Impress.org – 1.7.0 Yoast SEO: door Team Yoast – 14.2 ### Must Use Plugins (1) ### installatron_hide_status_test.php: door – ### Settings ### API Enabled: – Force SSL: – Currency: EUR (€) 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: ✔ ### WC Pages ### Winkelbasis: #17405 - /bestellen/ Winkelmand: #18385 - /wat-zijn-de-features/ Afrekenen: #18294 - /afrekenen/ Mijn account: #17408 - /mijn-account/ Algemene voorwaarden: #745 - /voorwaarden/ ### Theme ### Name: Houzez Version: 2.0.8 Author URL: http://www.favethemes.com/ Child Theme: ❌ – Als je wijzigingen aanbrengt in WooCommerce of in een hoofdthema dat je niet zelf gebouwd hebt raden we het gebruik van een child thema aan. Zie: Hoe maak je een child thema WooCommerce Support: ❌ Niet aangegeven ### Templates ### Overrides: houzez/woocommerce/emails/customer-completed-order.php ### Action Scheduler ### Afgerond: 80 Oldest: 2020-05-19 15:31:20 +0200 Newest: 2020-06-09 10:11:51 +0200
I would like to look at the checkout page to examine the markup and styles with browser tools, but it looks like its only available to registered users, and that registration is disabled. Dutch is not my best language. Could you set up a test registered user please?
Hi Lorro,
You don’t have to register to see checkout page. If you go to homepage then you’ll see products at bottom page with ajax cart button to have the check-out part revealed when clicked (your chrome browser can do page translations 😉Yes thanks. I added-to-cart alright. There was a short delay. The add-to-cart button had a tick for a short time. But I can’t find a cart or a checkout.
The console shows a 403 forbidden error for:
https://makelaar-website.nl/?wc-ajax=wc_stripe_get_cart_details
I think this means I am not authenticated, or your server may be set to deny me due to my location outside your service area.Hi,
Not sure what is happening here. Found the following:
https://wordpress.org/support/topic/wc-ajaxupdate_order_review-403-error/#post-10195540
+
https://docs.woocommerce.com/document/ssl-faq/#section-10My domain runs on a Trusted wildcard SSL, however I see that the CA certificate was not installed properly I corrected that. Can you try again?
Tried again but I get the same error. Does it work for you when you are logged out?
Yep, works for me, no problem…
Have you got anything in mod-security, .htaccess or your security plugin to keep me out (UK)?
Nope, if that was the case, I believe you wouldn’t even have access to the whole page/dir
Stripe is also not blocking it, I see nothing in WP or Woocommerce settings that could cause it… Magic to me (Note: website in shared hosting environment)Hopefully @fevered will be able to help.
Thanks @lorro for the effort!
Hey there!
What I would recommend doing at this point would be testing for conflicts to confirm if the issue is with the theme or not, or if it is coming from somewhere outside the theme.
The best way to determine this is to:- Temporarily switch your theme to Storefront
- Disable all plugins except for WooCommerce
- Repeat the action that is causing the problem
If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.
- The topic ‘CSS help with checkout customer fields’ is closed to new replies.