Fixing the position of LIKE button

Go down

Fixing the position of LIKE button

Post by Glazella on July 9th 2012, 2:40 pm

Hello! I successfully put the like button on our forum but then the position seems awkward Sad Is there a way to lower the like button? Because it's way too high that it reaches the line above quote edit delete icons~


Glazella
Forumember

Posts : 68
Reputation : 2

http://jiyeonworldwide.com

Back to top Go down

Re: Fixing the position of LIKE button

Post by LGforum on July 9th 2012, 6:25 pm

Add some margin-top in the css.
.LGlike{ margin-top: 5px }
avatar
LGforum
Hyperactive

Male Posts : 2263
Reputation : 260
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Fixing the position of LIKE button

Post by Glazella on July 10th 2012, 9:41 am

Hi~ I was able to do it but nothing happened plus the bg color disappeared Sad Is there something wrong with it? Here's my code:


Code:
.LGlike {{ margin-top: 5px }
background: #A1D0FC;
padding: 4px;
border-radius: 4px;
color: #333
      333;
font-size: 12px;
font-weight: bold;
text-shadow: -1px 0.5px #333
 333;
box-shadow: 1px 1px 1px #333
 333;
cursor: pointer;
  margin-right: 4px;
}

BTW, is there a way to put a bg-image for like instead of just a text with bg color? Question

Glazella
Forumember

Posts : 68
Reputation : 2

http://jiyeonworldwide.com

Back to top Go down

Re: Fixing the position of LIKE button

Post by SLGray on July 10th 2012, 11:29 am

Try this:
Code:
.LGlike {
    margin-top: 5px;
    background: #A1D0FC;
    padding: 4px;
    border-radius: 4px;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-shadow: -1px 0.5px #333333;
    box-shadow: 1px 1px 1px #333333;
    cursor: pointer;
    margin-right: 4px;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43479
Reputation : 3086
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Re: Fixing the position of LIKE button

Post by Glazella on July 10th 2012, 12:02 pm

Uh~ nothing happened, just the LIKE word became thicker (bold) Sad

Glazella
Forumember

Posts : 68
Reputation : 2

http://jiyeonworldwide.com

Back to top Go down

Re: Fixing the position of LIKE button

Post by LGforum on July 10th 2012, 2:39 pm

Try changing this line in the CSS: .LGvote { margin: 0 5px; }
To: .LGvote { margin: 5px 5px 0; }
Changing the first 5 to anything that works for you.

To add background image, just add it in the css.
http://www.w3schools.com/cssref/css3_pr_background.asp
avatar
LGforum
Hyperactive

Male Posts : 2263
Reputation : 260
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum