Change the LIKE buttons
Change the LIKE buttons
====================================================
'Display' >> pictures and colors >> colors >> css stylesheet tab
CSS file:
- copy and paste:
[list=linenums] [*].fa_like_div {
[*]margin-left: 0px;
[*]}
[*]button.rep-button.fa_like, button.rep-button.fa_dislike,button.rep-button.fa_liked,button.rep-button.fa_disliked{
[*] background: linear-gradient(rgb(49, 49, 49)0%,rgb(49, 49, 49)100%);
[*] border: 1px solid #2c2c2c !important;
[*] box-shadow: 0 0 0 1px #2B2B2B inset;
[*]}
[*].rep-button, .rep-button:active, .rep-button:focus {
[*] border: 1px solid #2c2c2c;
[*] border-radius: 4px;
[*] color: #C2C2C2;
[*] cursor: pointer;
[*] float: left;
[*] font-family: Trebuchet MS;
[*] font-size: 12px;
[*] font-weight: 700;
[*] line-height: 1;
[*] margin: 3px 11px 0 0;
[*] outline: none;
[*] padding: 6px 10px 6px 10px;
[*] position: relative;
[*] text-transform: uppercase;
[*] transition: color .4s;
[*] background-color: #2e2e2e;
[*]}
[*]button.rep-button.fa_liked{
[*] color: #4CAF50;
[*] border: 1px solid #2c2c2c;
[*] border-radius: 4px;
[*] float: left;
[*] font-family: Trebuchet MS;
[*] font-size: 12px;
[*] font-weight: 700;
[*] line-height: 1;
[*] margin: 3px 11px 0 0;
[*] outline: none;
[*] padding: 6px 10px 6px 10px;
[*] position: relative;
[*] text-transform: uppercase;
[*] transition: color .1s;
[*] background-color: #2e2e2e;
[*] opacity: 1 !important;
[*] pointer-events: auto;
[*] cursor: pointer;
[*]}
[*]button.rep-button.fa_dislike{
[*] color: #C2C2C2;
[*] border: 1px solid #2c2c2c;
[*] border-radius: 4px;
[*] float: left;
[*] font-family: Trebuchet MS;
[*] font-size: 12px;
[*] font-weight: 700;
[*] line-height: 1;
[*] margin: 3px 11px 0 0;
[*] outline: none;
[*] padding: 6px 10px 6px 10px;
[*] position: relative;
[*] text-transform: uppercase;
[*] transition: color .1s;
[*] background-color: #2e2e2e;
[*] opacity: 1 !important;
[*] cursor: pointer;
[*]}
[*]button.rep-button.fa_disliked{
[*] color: #F44336 !important;
[*] border: 1px solid #2c2c2c;
[*] border-radius: 4px;
[*] float: left;
[*] font-family: Trebuchet MS;
[*] font-size: 12px;
[*] font-weight: 700;
[*] line-height: 1;
[*] margin: 3px 11px 0 0;
[*] outline: none;
[*] padding: 6px 10px 6px 10px;
[*] position: relative;
[*] text-transform: uppercase;
[*] transition: color .1s;
[*] background-color: #2e2e2e;
[*] opacity: 1 !important;
[*] pointer-events:none ;
[*] cursor: pointer;
[*]}
[*].fa_liked path {
[*] fill: #4CAF50;
[*] }
[*].rep-button{
[*] border: 1px solid #2c2c2c;
[*] border-radius: 4px;
[*] color: #C2C2C2;
[*] cursor: pointer;
[*] float: left;
[*] font-family: Trebuchet MS;
[*] font-size: 12px;
[*] font-weight: 700;
[*] line-height: 1;
[*] margin: 3px 11px 0 0;
[*] outline: none;
[*] padding: 6px 10px 6px 10px;
[*] position: relative;
[*] text-transform: uppercase;
[*] transition: color .4s;
[*] background-color: #2e2e2e;
[*]}
[*].rep-button:hover{
[*]opacity: 0.8;
[*]transition-duration: .5s;
[*]}
[*].rep-button svg {
[*] color: #4ab01c;
[*] font-size: 20px;
[*] text-shadow: 0 0 1px #FFF;
[*] padding: 4px 3px 6px 7px;
[*] background-color: #e1e1e1;
[*] margin: -5px 1px -5px -9px;
[*] margin-right: 7px !important;
[*] border-radius: 2px 0px 0px 2px;
[*]}
[/list]
customize to my liking...
Sun Feb 11, 2024 11:08 am by FaerieJewels
» Cute little signature table
Fri Dec 01, 2023 10:48 pm by FaerieJewels
» fonts... in editor
Sun Nov 26, 2023 1:42 pm by FaerieJewels
» HTML 5 color picker
Sun Nov 19, 2023 8:52 am by FaerieJewels
» testing....
Fri Nov 17, 2023 10:36 pm by FaerieJewels
» Notice Table in your post...
Fri Nov 17, 2023 9:38 pm by FaerieJewels
» interesting scrolling notice table...
Fri Nov 17, 2023 7:41 pm by FaerieJewels
» Change the icons of tagging pop up
Sun Nov 12, 2023 10:32 pm by FaerieJewels
» topic icon trial...
Sun Nov 12, 2023 9:32 pm by FaerieJewels