How to change the buttons of the flat-theme?

  • Resolved seegeist

    (@seegeist)


    3 years, 10 months ago

    I want to change the buttons of the flat theme to look like the demo klakki.me:
    narrow buttons, centered.
    What css commands do I need to change and how.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Pixelbart

    (@pixelbart)

    Since such customizations are always super individual, I can only send you the code that is used there. You have to convert the LESS code to CSS yourself and replace the variables.

    Unfortunately I can’t make individual CSS adjustments for every user, because that would be an unpaid full time job.

    klakki.me is individual because that’s my wife ??

    —

    Helpful Theme: blank

    CSS:

    .helpful {
    margin-bottom: 3.6rem;
}

.helpful-controls > * {
    display: inline-block;
}

.helpful-button {
    font-size: 1.6rem !important;
}

.helpful-controls > div {
    margin-right: 15px;
}

    LESS:

    .helpful {
  color: @global-emphasis-color !important;
  border-color: @global-border !important;
  .uk-margin-large-bottom;
  .helpful-header h3 {
    .font-headline();
    color: @global-emphasis-color !important;
    margin: 0 0 15px;
  }
  .helpful-controls {
    margin: 15px 0 0;
  }
  button {
    color: @global-emphasis-color !important;
    border-color: @global-border !important;
    border-width: @global-border-width !important;
    &:hover {
      color: @global-emphasis-color !important;
      background: @global-border !important;
      border-color: @global-border !important;
    }
  }
  textarea,
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="number"] {
    border-color: @global-border !important;
  }
}
    Thread Starter seegeist

    (@seegeist)

    Thank you very much, this helps a lot. And thank you very much for the fantastic plugin.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to change the buttons of the flat-theme?’ is closed to new replies.