Support » Plugin: WooCommerce Blocks » One pixel horizontal line at bottom of site pages

  • Resolved zorkman777

    (@zorkman777)


    Using the Eikra theme, with learnpress and woocommerce installed, All pages on the site only WHEN YOUR PLUGIN IS ENABLED Will show a 1 pixel horizontal line at the bottom of every page. (This has only started happening after one of your most recent updates!)

    Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Version 2.1.0 is the one that caused this issue btw.

    Plugin Author Albert Juhé Lluveras

    (@aljullu)

    @zorkman777 thanks for the report. Could you answer some questions to help us diagnose what’s going on?

    • Is that happening in the frontend of your site (the part visitors see) or in wp-admin?
    • What version of WordPress and WooCommerce are you using?
    • Could you try if you get the same issue using the default theme (such as Storefront or Twenty Nineteen)?

    Thank you in advance!

    So it’s only happening with the Eikra theme. But if you notice at the VERY bottom of any page on my test site, if you scroll all the way down to the footer, there is a 1px white horizontal line. https://addisonhatcher.dev

    Using a fresh WordPress, WooCommerce, Eikra theme, and WooCommerce Blocks installs.

    It is odd that it only happens so far using this theme, however at one point I did realize that the cause of the line was WooCommerce Blocks, because deactivating that plugin gets rid of the line.

    And, yes, it only recently started happening after the WooCommerce Blocks 2.1.0 update. And continues in the current version as well.

    ===============================================================

    
    ### WordPress Environment ###
    
    WordPress address (URL): https://addisonhatcher.dev
    Site address (URL): https://addisonhatcher.dev
    WC Version: 3.6.5
    Log Directory Writable: ✔
    WP Version: 5.2.2
    WP Multisite: –
    WP Memory Limit: 256 MB
    WP Debug Mode: –
    WP Cron: ✔
    Language: en_US
    External object cache: –
    
    ### Server Environment ###
    
    Server Info: Apache/2.4.29 (Ubuntu)
    PHP Version: 7.3.7-2+ubuntu18.04.1+deb.sury.org+1
    PHP Post Max Size: 8 MB
    PHP Time Limit: 30
    PHP Max Input Vars: 1000
    cURL Version: 7.58.0
    OpenSSL/1.1.1c
    
    SUHOSIN Installed: –
    MySQL Version: 5.7.27-0ubuntu0.18.04.1
    Max Upload Size: 2 MB
    Default Timezone is UTC: ✔
    fsockopen/cURL: ✔
    SoapClient: ✔
    DOMDocument: ✔
    GZip: ✔
    Multibyte String: ✔
    Remote Post: ✔
    Remote Get: ✔
    
    ### Database ###
    
    WC Database Version: 3.6.5
    WC Database Prefix: wp_
    MaxMind GeoIP Database: ✔
    Total Database Size: 2.99MB
    Database Data Size: 2.04MB
    Database Index Size: 0.95MB
    wp_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB
    wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB
    wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB
    wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB
    wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB
    wp_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB
    wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB
    wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB
    wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB
    wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB
    wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB
    wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB
    wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB
    wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB
    wp_commentmeta: Data: 0.02MB + Index: 0.03MB
    wp_comments: Data: 0.02MB + Index: 0.09MB
    wp_links: Data: 0.02MB + Index: 0.02MB
    wp_options: Data: 1.48MB + Index: 0.02MB
    wp_postmeta: Data: 0.02MB + Index: 0.03MB
    wp_posts: Data: 0.02MB + Index: 0.06MB
    wp_termmeta: Data: 0.02MB + Index: 0.03MB
    wp_terms: Data: 0.02MB + Index: 0.03MB
    wp_term_relationships: Data: 0.02MB + Index: 0.02MB
    wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB
    wp_usermeta: Data: 0.02MB + Index: 0.03MB
    wp_users: Data: 0.02MB + Index: 0.05MB
    wp_wc_download_log: Data: 0.02MB + Index: 0.03MB
    wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB
    wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB
    
    ### Post Type Counts ###
    
    attachment: 1
    page: 6
    post: 2
    product: 1
    scheduled-action: 1
    
    ### Security ###
    
    Secure connection (HTTPS): ✔
    Hide errors from visitors: ✔
    
    ### Active Plugins (2) ###
    
    WooCommerce Blocks: by Automattic – 2.2.1
    WooCommerce: by Automattic – 3.6.5
    
    ### Inactive Plugins (3) ###
    
    Akismet Anti-Spam: by Automattic – 4.1.2
    Hello Dolly: by Matt Mullenweg – 1.7.2
    WooCommerce Stripe Gateway: by WooCommerce – 4.2.3
    
    ### 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: #6 - /shop/
    Cart: #7 - /cart/
    Checkout: #8 - /checkout/
    My account: #9 - /my-account/
    Terms and conditions: ❌ Page not set
    
    ### Theme ###
    
    Name: Eikra
    Version: 3.3
    Author URL: http://radiustheme.com
    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: eikra/woocommerce/cart/cross-sells.php
    eikra/woocommerce/loop/pagination.php
    eikra/woocommerce/single-product/related.php
    eikra/woocommerce/single-product/up-sells.php
    
    ### Action Scheduler ###
    
    Complete: 1
    Oldest: 2019-07-29 20:14:30 +0000
    Newest: 2019-07-29 20:14:30 +0000
    
    Pending: 0
    Oldest: –
    Newest: –
    
    Canceled: 0
    Oldest: –
    Newest: –
    
    In-progress: 0
    Oldest: –
    Newest: –
    
    Failed: 0
    Oldest: –
    Newest: –
    
    

    Front end only btw.
    Not admin pages.

    Hey man, I think I found the cause. for some reason

    .screen-reader-text {
    height: 0px;
    }

    fixes the issue… very weird.

    They had it set to 1px on line 438 here for some reason:
    wp-content/themes/eikra/assets/css/default.css

    I will notify the authors of the theme as well.

    Update: I think the proper thing to do is margin: -1px;, instead of 0 height. This fixes it also.

    https://make.wordpress.org/accessibility/handbook/markup/the-css-class-screen-reader-text/#the-css

    • This reply was modified 6 months, 3 weeks ago by zorkman777.
    • This reply was modified 6 months, 3 weeks ago by zorkman777.
    • This reply was modified 6 months, 3 weeks ago by zorkman777.
    • This reply was modified 6 months, 3 weeks ago by zorkman777.
    • This reply was modified 6 months, 3 weeks ago by zorkman777.
    • This reply was modified 6 months, 3 weeks ago by zorkman777.
    Plugin Author Albert Juhé Lluveras

    (@aljullu)

    Thanks for the in-deep investigation @zorkman777, it was really helpful!

    I created an issue in GitHub so we can track this issue:
    https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues/837

    I will proceed closing the thread here but feel free to subscribe to the GitHub issue if you have an account there.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘One pixel horizontal line at bottom of site pages’ is closed to new replies.