Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 29, 2016 at 9:27 pm #604789
    skayy

    Hello,

    how to set up the default Button Style to “Theme Subtil”? I know i can change the color on button settings. But i can not set the colors for gravity forms buttons and others.

    Thanks much, Kai

    March 29, 2016 at 10:52 pm #604822
    Yigit

    Hey Kai!

    Can you please post the link to your page where we can see the buttons you would like to style?

    Regards,
    Yigit

    March 30, 2016 at 6:57 am #604984
    skayy

    Hello,

    this Style (subtil) should be on all buttons:

    MANAGERSYSTEM

    I need the styles here:

    Forms: http://www.managersystem.de/kontakt/
    Shop: http://www.managersystem.de/warenkorb/?wpsg_action=showProdukt&produkt_id=4

    Thanks much, Kai

    March 30, 2016 at 6:14 pm #605350
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .gform_wrapper input[type="submit"],.wpsg_button {
    background-color: #f8f8f8;
    color: #666666;
    padding: 9px 10px 7px;
    font-size: 13px;
    min-width: 80px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

    Regards,
    Yigit

    March 30, 2016 at 8:52 pm #605465
    skayy

    Hello,

    thank you very much. This will work only for Gravity Forms Buttons. Not for Menü Buttons nor Shop Buttons.

    Best regards, Kai

    March 30, 2016 at 11:11 pm #605537
    Jordan

    Hi!

    Yes the code given above will only work Gravity Form buttons. It won’t affect any other buttons.

    Best regards,
    Jordan

    March 31, 2016 at 7:49 am #605690
    skayy

    Hello,

    ok, and how i can get “all” Buttons on my site the same style?

    Thanks much, Kai

    March 31, 2016 at 4:20 pm #606011
    Vinay

    Hi!

    You can have different style buttons or one style for all buttons…
    First make some custom button styles and add it to Enfold > General Styling > Quick CSS

    Example

    
.button-1 {
/* Button Styles*/
}
.button-2 {
/* Button Styles*/
}
.button-3 {
/* Button Styles*/
}

    Then enable custom class name support for layout builder elements

    Turn on Custom CSS Class field for all ALB Elements

    Add the button class name to the button you create from Advance Layout Builder

    For other buttons that are not part of advance layout builder you need custom css which Yigit already provided you with.

    Best regards,
    Vinay

    April 1, 2016 at 9:01 am #606550
    skayy

    Hello,

    that is not my need.

    Your theme have the Button Style “Theme Subtil” on button settings. I need this style on “all” buttons.

    Thanks much, Kai

    April 1, 2016 at 1:23 pm #606643
    Vinay

    Hi!

    The method suggested earlier gives you a fine control to choose the button style.
    We can provide you with CSS to change almost any button on the site.

    Please add the below css to change all the button styles to look like your mockup.

    
.gform_button.button, input.wpsg_button {
  color: #ffffff!important;
  border-color: #455483!important;
  background-color: #6776a5!important;
  border-radius: 3px!important;
  text-decoration: none!important;
  display: inline-block!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;
  margin: 3px 0!important;
  line-height: 1.2em!important;
  position: relative!important;
  font-weight: normal!important;
  text-align: center!important;
  max-width: 100%!important;
transform:all .3s ease;
}

.gform_button.button:hover, input.wpsg_button:hover {
  background-color: #88BBC8!important;
}

    Best regards,
    Vinay

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.