Gravity-forms-css-not-working-on-basket-page

This topic has 6 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Rose Tyler

  • Avatar: ryan@rrwebdesign.co.uk
    ryan@rrwebdesign.co.uk
    Participant
    September 5, 2022 at 15:32

    https://www.8theme.com/topic/gravity-forms-css-not-working-on-basket-page/

    This is in reply to a previous thread,

    I have an issue with the CSS that i cant get around and thought you might have an idea on,

    https://custom-lynx.co.uk/product/custom-lynx-110-ohm-aes-ebu-tour-grade-xlr-lead-black-shell-gold-contacts/

    This product page has a product add on that a customer can had the valuer in and it calculates the cost in the total field

    but when I add the CSS to hide the customisation field, it then does add the value to the total,

    I don’t want the customer to see the customisation cost and the CSS provided does remove that but it also removes the function of the form from the page

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 6, 2022 at 07:46

    Hello,

    Sorry, but your request is a bit unclear to me. Please describe in more detail what exactly should be hidden/the desired result, and provide screenshots for a better understanding.

    Regards

    Avatar: ryan@rrwebdesign.co.uk
    ryan@rrwebdesign.co.uk
    Participant
    September 6, 2022 at 12:21

    Yes sorry its a little hard to explain,

    essentially when you put a number in the field box it should show the total cost,

    https://prnt.sc/6z0OM6-1Z_NM

    https://custom-lynx.co.uk/product/custom-lynx-neutrik-starquad-angled-female-xlr-microphone-cable/

    But its not working,

    If you read back through the other tread i created

    https://www.8theme.com/topic/gravity-forms-css-not-working-on-basket-page/

    I place some CSS to hide one of the sections on the page that displays the incorrect total and doesn’t mean anything to the customer, but since adding this CSS in, the total now doesn’t work.

    Do you know why by hiding that field with the CSS code, it would make the total field not work.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 6, 2022 at 13:04

    Hello,

    Change this code:

    .single-product .hide-offscreen.wc-gforms-hide-from-email-and-admin {
        display: none !important;
    }

    to

    .single-product .hide-offscreen.wc-gforms-hide-from-email-and-admin {
        opacity: 0;
        margin-bottom: -120px;
    }

    Regards

    Avatar: ryan@rrwebdesign.co.uk
    ryan@rrwebdesign.co.uk
    Participant
    September 6, 2022 at 16:24

    sorry this didn’t resolve the issue?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 7, 2022 at 06:45

    Hello,

    Where did you add the code? Could you provide temporary wp-admin access?

    Regards

  • Viewing 6 results - 1 through 6 (of 6 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.