The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Fixing the position of LIKE button

View previous topic View next topic 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 }

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
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.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.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

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

View previous topic View next topic Back to top


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