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

kjaonline

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.

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.

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.