The connect buttons are vertical, how do I set it to be horizontal?

Would like to ask for help for the following

The connect buttons are vertical, how do I set it to be horizontal? http://i.imgur.com/LnSA1.png

The admin option dropdown links are broken

http://i.imgur.com/tiWIf.png

I'm using this theme http://themeforest.net/item/swiss-premium-vanilla-theme-4-colours/242547?WT.ac=portfolio_item&WT.seg_1=portfolio_item&WT.z_author=designlink

I already contacted the author but hasn't replied yet

Edit: my site is http://gw2ph.com by the way. thanks!

sahotataran

on your custom.css at line 35 where it says #categories .GuestBox a { add line display:inline to solve the connect buttons issue.

kjaonline

Thankyou @sahotataran

kjaonline

Also another thing,

How do I put a space between the vote box and the message? !(http://i.imgur.com/cjgGG.png)

sahotataran

this one is bit tricky. m not sure if you noted it or not your voting box is covering the user image behind it. in your voting.css which is in voting plugin directory - go to line 131 where it says ul.MessageList div.Meta span.Votes { add margin: 0 45px 5px 0; this moves the votebox to the left. m not sure if you will like it or not but you can give it a try or you can put this line in there using firebug in mozilla firefox and check if you like it or not

kjaonline

Thanks for the help @sahotataran, decided to not use the voting plugin as it is causing more problems. :( Maybe in the future. Thanks for your help!

sahotataran

voting is the best for keeping track of views and user likes :)

kjaonline

After much contemplating I decided to keep the voting plugin. I did what you suggested and it worked! Thanks a million!

But would want to change the position of the buttons though.

How do I make it move to the right of the content box? (see image for what I mean) !(http://i.imgur.com/4S9KJ.png)

422

Firebug for ff.

Inspect element.

You need to float:right and possibly set margin-right:10px

On ipad so guessing

Quick look on one of my themes.

ul.MessageList div.Meta span.Votes { display: block; line-height: normal; padding: 0; position: absolute; right: 0; text-align: center; }

play with right position

422

Ok on your site, voting.css

line 131 i think.

Change to this: ul.MessageList div.Meta span.Votes { display: block; line-height: normal; margin: 0 45px 5px 0; padding: 0; position: absolute; right: 0; text-align: center; }

kjaonline

Thanks! Will check it out.

kjaonline

Thanks a million! Which value do I edit to play around with it? I wish it to be outside the content div. :D

sahotataran

change the margin property to be 0
and play with right: to something like right:-20px

422

Common rule of thumb child class is absolute of a parent class which is relative.

@sahotataran is correct.

422

To iterate, i personally would copy the class attributes into a custom stylesheet, that way if and hen you upgrade your new classes dont get overwritten

kjaonline

Thanks for your suggestions. I don't really have the technical know how to do so lol.