Button as toggle

2 posts from 2 voices

• Started 10 months ago by winnerlicious
• Latest reply from Mya
• This topic is not a support question

Tags:

• button
• sentence
• toggle

1. 

   winnerlicious
   Member

   Hi, how to make button as toggle button?
   Because toggle button does not have colors that stands out, so to make it recognizable, i need it get colored.

   Thanks

   Posted 10 months ago #
2. 

   Mya
   

   Hi,

   You can do this by simply adding some CSS to your custom.css or Quick CSS in Theme Options > Styling.

   Here's an example:

   #top .toggler {
   background-color: #000000 !important;
   color: #FFFFFF !important;
   }

   What the code above would do is make the toggle button black with white text.

   Now if you wanted to make the toggle button look more like a button you would get using the Button Shortcode you would use this:

   #top .toggler {
       font-size: 13px;
       line-height: 33px;
       padding: 0 10px;
       background-color: #B02B2C;
       border-color: #B02B2C;
       color: #5D1A1B;
       text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
       background-image: url("../images/icons/bg-button.png");
       background-position: 0 0;
       background-repeat: repeat-x;
       border-color: #E1E1E1;
       border-radius: 3px 3px 3px 3px;
       border-style: solid;
       border-width: 1px;
       display: inline-block;
       font-weight: bold;
       line-height: 28px;
       margin: 3px 0;
       padding: 0 10px;
       position: relative;
       text-decoration: none;
   }

   Hope this helps!

   Regards,
   Mya

   Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.