ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• November 2, 2016 at 10:02 am #299934
  alexanderchristiansen

  Member

  Post count: 179

  Hi Awesome Swift,
  I have a Next “Button” on my Gravity form here: https://organicbasics.com/autumn-offer/?w3tc_note=pgcache_purge_post
  I would like to use the same sf_button styling as the rest of my theme on these ones? Can you be of any help making this come true?

  November 2, 2016 at 10:29 am #299938
  David Martin – Support

  Moderator

  Post count: 20834

  That link re-directs me to https://organicbasics.com/my-account/ – will need a user/pass.

  November 2, 2016 at 10:36 am #299940
  alexanderchristiansen

  Member

  Post count: 179

  This reply has been marked as private.
  November 2, 2016 at 10:36 am #299941
  alexanderchristiansen

  Member

  Post count: 179

  Should be public now though 🙂

  November 2, 2016 at 11:47 am #299966
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css option.

  .gform_next_button  , .gform_previous_button{
      font-size: 14px!important;
      line-height: 18px!important;
      padding: 12px 35px!important;
      color: #ffffff!important;
      background-color: #313e41!important;
      border-color: #313e41!important;
  }

  Let me know if it worked.

  -Rui

  November 2, 2016 at 12:04 pm #299975
  alexanderchristiansen

  Member

  Post count: 179

  Amazing – made the fix!
  Can you by any chance help me with borders on my input-field i.e. the email input field on step 2?

  November 2, 2016 at 12:08 pm #299979
  alexanderchristiansen

  Member

  Post count: 179

  Oh I can see the Submit button on the last step (step 4) is not the same as the button you made above.

  November 2, 2016 at 12:29 pm #299985
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the following code and erase the previous one.

  .gform_page_fields input {
      border: 1px solid #fff!important;
  }
  
  .gform_button, .gform_next_button  , .gform_previous_button{
      font-size: 14px!important;
      line-height: 18px!important;
      padding: 12px 35px!important;
      color: #ffffff!important;
      background-color: #313e41!important;
      border-color: #313e41!important;
  }

  -Rui

  November 2, 2016 at 1:05 pm #299992
  alexanderchristiansen

  Member

  Post count: 179

  Rui!
  You are darm fast!
  However I was hoping a full-border look like this?

  Attachments:

  You must be logged in to view attached files.
  November 2, 2016 at 1:09 pm #299997
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Can you provide me admin access to check the css?

  -Rui

  November 2, 2016 at 2:05 pm #300012
  alexanderchristiansen

  Member

  Post count: 179

  This reply has been marked as private.
  November 2, 2016 at 2:32 pm #300017
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Check again.

  -Rui

  November 2, 2016 at 2:37 pm #300018
  alexanderchristiansen

  Member

  Post count: 179

  Ouch!
  You changed it on all fields like this!
  Now it cracks my checkout/cart.
  Better take it back to the previous then I’ll find another work around for now.

  Attachments:

  You must be logged in to view attached files.
  November 2, 2016 at 3:26 pm #300032
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  done, the rule that is preventing the top, left and right border is using the !important so we can only change the priority if you define the same rule, but that impacts the all site.

  -Rui

• Back to forum

  Posted in: Atelier