Navigation
Archive / Vertical text align in button
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 28, 2016 at 2:40 am #1234395
    fatheaddrummer
    Participant

    Hi There,

    Could you help me, vertically aligning the text in the button and also get rid of the button shadow?
    Also it would be nice, if I could make the button transparent…

    Could you give me a code that tells ALL buttons to do the same thing (EXCLUDING the buttons in the navbar -they’re perfect)

    https://www.diamond-precision-studio.com/de/online-drummer-de/

    Thanks!

    Best, Christian

    October 28, 2016 at 3:31 am #1234466
    Lely
    Moderator

    Hi Christian,

    Did you add paragraph tag on your buttons? That is what adding extra space on the bottom. Please add this custom CSS to remove it:

    a.x-btn p {
    margin-bottom: 0 !important;
}

    If you want to add extra padding on top or bottom of the buttons, just add the following class custom-btn on each button class field. Then add the following CSS on Appearance > Customize > Custom > Edit Global CSS

    .custom-btn {
    padding: 1em !important;
}

    Just add the class when you want to apply the padding.

    Hope this helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1234395 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>