PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Gravity forms CSS Class Name problem

  1. Hello, I'm using this extension with WooCommerce and Kickstart template. I can not use the CSS Class Name of my template with Gravity Forms. A product of example you can see here: http://www.compudemano.com/producto/macbook-pro-13-25/. Can you help?. Thank you.

    Posted 11 years ago on Wednesday July 10, 2013 | Permalink
  2. I'm not sure I understand what you mean when you say: "I can not use the CSS Class Name of my template with Gravity Forms."

    What exactly does that mean? What class are you trying to use and where?

    Posted 11 years ago on Wednesday July 10, 2013 | Permalink
  3. Hi, thanks for replying. What I need is to use the CSS of my template Kickstart in Gravity Forms. I can not get the price format generates Gravity Forms is the same of my template.

    Sorry for my english.

    Posted 11 years ago on Wednesday July 10, 2013 | Permalink
  4. Are you looking to change the color of the total field?

    Posted 11 years ago on Wednesday July 10, 2013 | Permalink
  5. Thanks again.

    I need the design to be the same as my template Kickstart:
    http://themeforest.net/item/kickstart-retina-responsive-multipurpose-theme

    The price is not shown in blue. The font does not have the usual size:
    http://www.compudemano.com/producto/macbook-pro-13-25/

    Posted 11 years ago on Wednesday July 10, 2013 | Permalink
  6. The design of a normal product shown:

    http://www.compudemano.com/producto/macbook-pro-15-retina-27/

    Posted 11 years ago on Wednesday July 10, 2013 | Permalink
  7. Richard Vav
    Administrator

    Try adding the following to your theme's stylesheet or wherever you place custom CSS

    .gform_wrapper .ginput_total {
    color: rgb(24, 150, 211) !important;
    font-size: 22px !important;
    }
    Posted 11 years ago on Wednesday July 10, 2013 | Permalink
  8. Yeeahhhhhh, Siiiiiiiiiiiiiiiiii!! works!

    I edit formsmain.css in the folder CSS of GF:

    http://pastebin.com/9wvJdq37#

    Now you know how I can put at the center the total by the last option and quantity buttons?. This a little more up.

    Posted 11 years ago on Wednesday July 10, 2013 | Permalink
  9. Richard Vav
    Administrator

    I am glad that worked for you however you should not modify the plugin files as your changes will be lost during plugin updates. The best place to put your custom CSS is in your theme's style.css file.

    To reduce the gap between the total and the buttons below try using this

    #gform_wrapper_1 .gform_footer {
    display: none !important;
    }
    Posted 11 years ago on Wednesday July 10, 2013 | Permalink
  10. Your service is amazing!. I copied your 2 codes and they worked perfect.

    Before I had not worked because paste the code numbers:

    1
    . gform_wrapper. ginput_total {
    2
    color: rgb (24, 150, 211)! important;
    3
    font-size: 22px! important;
    4
    }

    I placed the code in the theme's CSS. Thank you.

    Posted 11 years ago on Wednesday July 10, 2013 | Permalink
  11. Richard Vav
    Administrator

    Andres,

    You're welcome and thanks for your kind words.

    Actually if you hover the mouse over my code sample you should see four icons appear in the top right corner, the second icon from the left will copy the code sample into your clipboard ready for pasting, that way you don't risk picking up the line numbers.

    Regards,
    Richard

    Posted 11 years ago on Wednesday July 10, 2013 | Permalink
  12. Hello, I have one last question: can you help me for the checkboxes are on the same line as the text:

    http://www.compudemano.com/producto/macbook-pro-13-25/

    Thanks again.

    Posted 11 years ago on Thursday July 11, 2013 | Permalink
  13. Richard Vav
    Administrator

    One of your themes default styles is setting a height of 25px on inputs which is causing the checkbox to drop slightly, so to counteract it try adding the following towards the bottom of your stylesheet.

    .gform_wrapper .gfield_checkbox li input {
    height: initial !important;
    }

    Regards,
    Richard

    Posted 11 years ago on Thursday July 11, 2013 | Permalink
  14. Simply… it worked!

    Posted 11 years ago on Thursday July 11, 2013 | Permalink
  15. Hi, I'm finishing polish my site.

    I find this detail when I add the product to cart:

    https://www.dropbox.com/s/ze6x06z3lyrvjrc/error_gf_cart.png

    Thanks again,

    Posted 11 years ago on Thursday July 11, 2013 | Permalink
  16. David Peralty

    Gravity Forms doesn't have a cart solution, so you are likely having issues with another plugin or service.

    Posted 11 years ago on Thursday July 11, 2013 | Permalink
  17. Look where it says "Accesorios":

    Posted 11 years ago on Thursday July 11, 2013 | Permalink
  18. Hi, the text comes from a GF form.

    You can not fix it from there?

    Posted 11 years ago on Thursday July 11, 2013 | Permalink
  19. David Peralty

    Yes, that's a CSS issue. The bullet it showing up inside the text. That's not a Gravity Forms issue. Again, we don't have a cart, this wouldn't be our CSS.

    Posted 11 years ago on Thursday July 11, 2013 | Permalink
  20. Thanks David.

    Posted 11 years ago on Thursday July 11, 2013 | Permalink

This topic has been resolved and has been closed to new replies.