How to edit the forum buttons? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
2 posters

    How to edit the forum buttons?

    Moku
    Moku
    Moku
    New Member


    Female Posts : 18
    Reputation : 2
    Language : English
    Location : United Kingdom
    • Post n°1

    Solved How to edit the forum buttons?

    Post by Moku June 24th 2015, 1:10 am

    Hii!! I've seen some forums editing their 'Preview', 'Send', 'Login', etc. buttons - this forum for example.

    How do I turn this:
    How to edit the forum buttons? L2AYUPj

    Into this:
    How to edit the forum buttons? 6w0zaxp

    ???


    Last edited by Moku on June 24th 2015, 7:58 pm; edited 1 time in total
    • Back to top
    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°2

    Solved Re: How to edit the forum buttons?

    Post by Ange Tuteur June 24th 2015, 10:48 am

    Hi @Moku,

    Add the following rules to your stylesheet.
    ( Display > Colors > CSS stylesheet )
    Code:
    /* buttons */
    a.button1, a.button2, button.button2, input.button1, input.button2 {
      color:#FFF !important;
      font-weight:bold;
      background:#8C5;
      border:none !important;
      border-radius:3px;
      padding:5px 10px !important;
      margin:3px;
      -webkit-transition:300ms;
              transition:300ms;
    }

    a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover { background-color:#7B4 }
    a.button1:focus, a.button2:focus, button.button2:focus, input.button1:focus, input.button2:focus { background-color:#333 }

    Change the colors as you wish. Wink
    • Back to top
    Moku
    Moku
    Moku
    New Member


    Female Posts : 18
    Reputation : 2
    Language : English
    Location : United Kingdom
    • Post n°3

    Solved Re: How to edit the forum buttons?

    Post by Moku June 24th 2015, 6:50 pm

    Thank you Ange Tuteur, nothing has changed though. TT
    My forum version is phpBB2, maybe that's the problem?
    • Back to top
    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°4

    Solved Re: How to edit the forum buttons?

    Post by Ange Tuteur June 24th 2015, 7:24 pm

    You'll need to use this CSS for phpbb2 :
    Code:
    /* buttons */
    input.mainoption, input.liteoption {
      color:#FFF !important;
      font-weight:bold;
      background:#8C5;
      border:none !important;
      border-radius:3px;
      padding:5px 10px !important;
      margin:3px;
      -webkit-transition:300ms;
              transition:300ms;
    }

    input.mainoption:hover, input.liteoption:hover { background-color:#7B4 }
    input.mainoption:focus, input.liteoption:focus { background-color:#333 }
    • Back to top
    Moku
    Moku
    Moku
    New Member


    Female Posts : 18
    Reputation : 2
    Language : English
    Location : United Kingdom
    • Post n°5

    Solved Re: How to edit the forum buttons?

    Post by Moku June 24th 2015, 7:57 pm

    You're my savior!!! Thank you very much! :party:
    • Back to top
    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°6

    Solved Re: How to edit the forum buttons?

    Post by Ange Tuteur June 24th 2015, 10:11 pm

    You're welcome ^^

    Topic archived

    Have a nice day. Smile
    • Back to top