CSS: How to transfer twitter and facebook icons under the post?

travelguide

By default or it's just me mixing various plugins that my twitter and facebook like icons are on top of the post? Can you guys share some of your cool CSS codes on how and where to place it for me to transfer the icons below the post instead? I don't know if it's too much to ask, i've tried searching the community bu to no avail...

merry xmas in advance guys..

vrijvlinder

use Firebug browser extension , inspect element you want to change . You can edit the stuff to see how it may look right there, then copy your changes into the custom css.
It helps if you post a link to the problem.

travelguide

@vrijvlinder said:
use Firebug browser extension , inspect element you want to change . You can edit the stuff to see how it may look right there, then copy your changes into the custom css.
It helps if you post a link to the problem.

thanks for this..

travelguide

can't seem to figure this out. there are other questions since late last year but they didn't even get a response.

whu606

@travelguide

If you want to personalise Vanilla you need to get to grips with how css is used in it. Most of the changes people want to make can be done through custom.css.

Assuming you have used Firebug, or a similar tool, what css rules govern the element you want to move?

travelguide

Solved:

open the plugin files via /plugins and look for this code for "liked" & "twitter"

}

public function DiscussionController_AfterDiscussion_Handler(&$Sender) {
    echo sprintf($this->Code, Gdn_Url::Request(true, true, true));
}

************ change BeforeDiscussion_Handler to AfterDiscussion_Handler

with this approach twitter and facebook icons will be transferred to after the discussion. that's the least hack i could do for now

travelguide

will try to align both icons since facebook seems to be floating, all i can do is align left, same with twitter.

for facebook, just place "0" for margin top for it to be align with twitter icon.