CSS code for the a "button"

4 posts from 2 voices

• Started 2 years ago by AmirHassan
• Latest reply from Dude
• This topic is not a support question

Tags:

• CSS button

1. 

   AmirHassan
   Member

   I have installed a plugin in my site and it let's users to subscribe to our newsletter. I want the subscribe button looks like search button and other buttons in the blog.
   Would you provide me the css code and tell me where I should put it?(editing the plugin)

   Posted 2 years ago #
2. 

   Dude
   Dude

   Hey,
   the twicet buttons use following css code:
   

   #top #searchsubmit, #top #send, #top #submit {
       font-family: 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
       font-size: 11.5px;
       padding: 4px 20px;
   }
   
   #searchsubmit, #send, #top #submit {
       background-color: #333333;
       border: 1px solid #ABABAB;
       color: #FFFFFF;
       cursor: pointer;
   }
   
   #searchsubmit, #send, #top #submit {
       cursor: pointer;
   }

   Replace the searchsubmit id, etc. with your button class or id.

   Posted 2 years ago #
3. 

   AmirHassan
   Member

   Thanks,
   one more question?
   How can I make the button's color change when the pointer goes on it?! like the search button.
   Site address: http://www.ipcfix.com

   Posted 2 years ago #
4. 

   Dude
   Dude

   Use:
   

   #searchsubmit:hover{
    background-color: #fff;
   }

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.