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
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
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
You must log in to post.