Issue with checkout page - by Kultakuume

This topic has 10 replies, 3 voices, and was last updated 8 years, 7 months ago ago by Eva Kemp

  • Avatar: Kultakuume
    Kultakuume
    Participant
    September 3, 2015 at 19:02

    Hi,

    We use woocommerce and we have installed finnish post-office system integration plugin. Plugin works somehow, but the plugin support told us that there is issue like this:

    the selct box opens for city/zip-code integration field, but is is only 1 pixel high. (Grey line appears in that field when text is added.)
    So it seems to affect to css and there is issue with CSS. That Post Office plugin uses Twitter Typeahead library, and the class is “.typeahead-result”.

    Can you please help us how to fix this issue? The plugin details in the theme are:

    Posti toimitustavat
    Deactivate | Edit
    Postin toimitustavat WooCommerce verkkokaupalle.

    Version 1.0.8 | By Webbisivut.org

    This is very important to fix for us, can you please assist us with this?

    Best Regards
    Verkkolahja team

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 4, 2015 at 07:49

    Hello,

    Could you please show a screenshot of the issue?

    Thank you.
    Best regards,
    Jack Richardson.

    Avatar: Kultakuume
    Kultakuume
    Participant
    September 4, 2015 at 19:07

    Please check private comment

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    September 5, 2015 at 09:25

    Hello,

    Please describe with more details how we can replicate the issue as we don’t see any problems on Checkout page.

    Also check if the issue persists with default WordPress theme (Twenty Fourteen or Twenty Fifteen).

    Thank you.

    Regards,
    Eva Kemp.

    Avatar: Kultakuume
    Kultakuume
    Participant
    September 5, 2015 at 10:00

    Hi,

    We have worked several months with your theme and we have only two issues left, before we can launch our webstore.

    This issue is that in Finland there is system called SmartPost. When someone select SmartPost option in that checkout page there is that SmartPost extra option where can added city and zip code, then plugin should show nearest post pickup place. The issue is that in your theme the select box opens for city/zip-code integration field, but is is only 1 pixel high. (Grey line appears in that field when text is added.)
    So it seems to affect to css and there is issue with CSS. That Post Office plugin uses Twitter Typeahead library, and the class is “.typeahead-result”.

    So how we can or if you can change that .typehead-result css file that way this plugin works?

    Avatar: Eva
    Eva Kemp
    Support staff
    September 7, 2015 at 10:26

    Hello,

    Could you please show a screenshot of the exact issue as I can’t find the block of 1 pixel high?
    Also please check if the problem persists with default WordPress theme.

    Thank you.

    Regards,
    Eva Kemp.

    Avatar: Kultakuume
    Kultakuume
    Participant
    September 9, 2015 at 17:34

    Hi, right side of the input field is field too, normally when it works there appears post offices. The developer of the plugin said that in this theme “.typeahead-result” is cause this issue, so can you proceed with this?

    Avatar: Eva
    Eva Kemp
    Support staff
    September 9, 2015 at 18:51

    Hello,

    I’ve added this code in custom.css file:

    .typeahead-result {
       height: 100px;
    }

    Please check the form now.

    Regards,
    Eva Kemp.

    Avatar: Kultakuume
    Kultakuume
    Participant
    September 9, 2015 at 21:26

    Hi Eva,

    Same time company who have made that plugin found solution for this. Can you please assist with changes. They said that this need to be change/added:

    .dropdown-menu { display: block !important; }

    What that change will affect to theme?

    Best Regards
    Verkkolahja team

    Avatar: Eva
    Eva Kemp
    Support staff
    September 10, 2015 at 08:32

    Hello,

    I’ve added this code in custom.css file to narrow code execution to the specific class:
    .typeahead-result .dropdown-menu { display: block !important; }

    Please check the page now.

    Regards,
    Eva Kemp.

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.