Support » Plugin: Helpful » How to change the buttons of the flat-theme?

  • Resolved seegeist

    (@seegeist)


    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)
  • You must be logged in to reply to this topic.