Stripe Checkout Formatting Issue

  • Resolved pionicnz

    (@pionicnz)


    5 years ago

    Hey!

    I am testing out the functionalities of my website and I have been testing out the checkout page however the stripe credit card payment area is not functioning.

    I have tried already to use this CSS Code and change the theme but nothing is working, is anyone able to help?

    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	max-width: 100%;
}        
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	max-width: 100%;
}

    And I have viewed it on a Mobile Phone and Tablet and the same formatting issue

    Please refer to the image here – https://imgur.com/a/gLD1O7e

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi 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.

    Thread Starter pionicnz

    (@pionicnz)

    
### WordPress Environment ###

WordPress address (URL): https://jojojo.me
Site address (URL): https://jojojo.me
WC Version: 4.0.1
REST API Version: ? 1.0.7
WC Blocks Version: ? 2.5.14
Action Scheduler Version: ? 3.1.4
WC Admin Version: ? 1.0.3
Log Directory Writable: ?
WP Version: 5.4
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ?
Language: en_US
External object cache: –

### Server Environment ###

Server Info: Apache/2
PHP Version: 7.2.15
PHP Post Max Size: 20 MB
PHP Time Limit: 120
PHP Max Input Vars: 1000
cURL Version: 7.47.0
OpenSSL/1.0.2g

SUHOSIN Installed: –
MySQL Version: 5.6.41-84.1-log
Max Upload Size: 20 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 4.0.1
WC Database Prefix: 1xv3_
Total Database Size: 13.81MB
Database Data Size: 11.37MB
Database Index Size: 2.44MB
1xv3_woocommerce_sessions: Data: 3.02MB + Index: 0.09MB + Engine InnoDB
1xv3_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
1xv3_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
1xv3_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
1xv3_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
1xv3_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
1xv3_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
1xv3_actionscheduler_actions: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
1xv3_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
1xv3_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
1xv3_actionscheduler_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_comments: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
1xv3_js_ticket_attachments: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
1xv3_js_ticket_config: Data: 0.01MB + Index: 0.02MB + Engine MyISAM
1xv3_js_ticket_departments: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
1xv3_js_ticket_email: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
1xv3_js_ticket_emailtemplates: Data: 0.06MB + Index: 0.00MB + Engine MyISAM
1xv3_js_ticket_erasedatarequests: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_js_ticket_fieldsordering: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
1xv3_js_ticket_priorities: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
1xv3_js_ticket_replies: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
1xv3_js_ticket_system_errors: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
1xv3_js_ticket_tickets: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
1xv3_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
1xv3_mailchimp_carts: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_mailchimp_jobs: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_options: Data: 4.03MB + Index: 0.14MB + Engine InnoDB
1xv3_postmeta: Data: 1.52MB + Index: 0.81MB + Engine InnoDB
1xv3_posts: Data: 1.41MB + Index: 0.13MB + Engine InnoDB
1xv3_revslider_css: Data: 0.13MB + Index: 0.00MB + Engine InnoDB
1xv3_revslider_css_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_revslider_layer_animations: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_revslider_layer_animations_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_revslider_navigations: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_revslider_navigations_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_revslider_sliders: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_revslider_sliders_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_revslider_slides: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_revslider_slides_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_revslider_static_slides: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_revslider_static_slides_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_say_what_strings: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_sbi_instagram_feeds_posts: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
1xv3_sbi_instagram_posts: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
1xv3_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_usermeta: Data: 0.05MB + Index: 0.03MB + Engine InnoDB
1xv3_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
1xv3_wcrw_request_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_wcrw_request_product_map: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_wcrw_warranty_requests: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
1xv3_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
1xv3_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
1xv3_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
1xv3_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
1xv3_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
1xv3_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
1xv3_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

### Post Type Counts ###

attachment: 108
banner: 1
custom_css: 2
customize_changeset: 93
elementor_font: 1
elementor_icons: 3
elementor_library: 5
faq: 1
flamingo_contact: 6
helpie_faq: 15
nav_menu_item: 11
page: 21
post: 3
product: 11
revision: 307
shop_coupon: 1
ufaq: 1
wpcf7_contact_form: 2

### Security ###

Secure connection (HTTPS): ?
					Your store is not using HTTPS. Learn more about HTTPS and SSL Certificates.
Hide errors from visitors: ?

### Active Plugins (28) ###

Ocean Extra: by OceanWP – 1.6.1
AfterShip - WooCommerce Tracking: by AfterShip – 1.9.17 – Not tested with the active version of WooCommerce
Payment Gateway Based Fees and Discounts for WooCommerce: by Tyche Softwares – 2.6.1
Coming Soon and Maintenance by Colorlib: by Colorlib – 1.0.92
Contact Form 7: by Takayuki Miyoshi – 5.1.7
Elementor Pro: by Elementor.com – 2.9.1
Elementor: by Elementor.com – 2.9.7
Essential Addons for Elementor: by WPDeveloper – 3.9.1
Flamingo: by Takayuki Miyoshi – 2.1.1
Helpie FAQ: by HelpieWP – 0.7.9
HT Mega - Absolute Addons for Elementor Page Builder: by HasThemes – 1.3.7
Smash Balloon Instagram Feed: by Smash Balloon – 2.3
Jetpack by WordPress.com: by Automattic – 8.3
JS Help Desk: by Joom Sky – 2.2.1
Kadence WooCommerce Email Designer: by Kadence WP – 1.4.0
WooCommerce New Zealand Post Shipping Method: by WPRuby – 1.1.5 – Not tested with the active version of WooCommerce
Premium Addons for Elementor: by Leap13 – 3.12.0
Say What?: by Lee Willis – 1.9.4
Simple Banner: by Ryan Petersen – 2.2.3
Simple Custom CSS: by John Regan
Danny Van Kooten – 4.0.3

W3 Total Cache: by BoldGrid – 0.13.1
WooCommerce Blocks: by Automattic – 2.5.14
Shipping Method Display Style for WooCommerce: by Thedotstore – 3.5 – Not tested with the active version of WooCommerce
WooCommerce PayPal Checkout Gateway: by WooCommerce – 1.6.20 – Not tested with the active version of WooCommerce
WooCommerce Stripe Gateway: by WooCommerce – 4.3.2 – Not tested with the active version of WooCommerce
WooCommerce Services: by Automattic – 1.22.5
WooCommerce: by Automattic – 4.0.1
Widget Disable: by required – 2.0.0

### Inactive Plugins (1) ###

WOOCS - WooCommerce Currency Switcher: by realmag777 – 1.3.1

### Dropin Plugins (1) ###

advanced-cache.php: advanced-cache.php

### 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: ?

### WC Pages ###

Shop base: #231 - /shop-all/
Cart: #234 - /cart/
Checkout: #228 - /checkout/
My account: #264 - /my-account/
Terms and conditions: #320 - /terms-of-service/

### Theme ###

Name: OceanWP
Version: 1.8.1 – 1.8.2 is available
Author URL: https://oceanwp.org/about-me/
Child Theme: ? – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
WooCommerce Support: ?

### Templates ###

Overrides: oceanwp/woocommerce/cart/mini-cart.php
oceanwp/woocommerce/content-single-product.php
oceanwp/woocommerce/loop/loop-start.php
oceanwp/woocommerce/single-product/title.php

### Action Scheduler ###

Complete: 33
Oldest: 2020-03-12 13:11:20 +0000
Newest: 2020-03-31 09:48:42 +0000

    Thank you for that!

    Looking at the system status report, I can see that your site does not have an SSL certificate and that is required for the Stripe extension to work and to display correctly on the site.

    You can read a bit more here about SSL and your options – https://docs.woocommerce.com/document/ssl-and-https/

    Hi, mine is the same issue checkout fields not displaying properly ( very small lines and cannot enter in details)

    I actually have an SSL certificate installed

    Will I open a new ticket ?

    Thanks
    Kristin

    @kristinubute

    Yes please, a new thread would be preferred and also include the System Status Report of the site as well, please.

    Also double-check that you are using live keys and live mode and not test keys in live mode;

    Stripe-keys
    Link to image: https://d.pr/i/SQFTgA

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Stripe Checkout Formatting Issue’ is closed to new replies.