Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

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

kjaonlinekjaonline
edited March 2013 in Vanilla 2.0 - 2.8

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!

Tagged:

Best Answer

  • sahotataransahotataran Developer, Bay Area - CA ✭✭✭
    Answer ✓

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

    There was an error rendering this rich post.

Answers

  • sahotataransahotataran Developer, Bay Area - CA ✭✭✭
    Answer ✓

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

    There was an error rendering this rich post.

  • Also another thing,

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

  • sahotataransahotataran Developer, Bay Area - CA ✭✭✭

    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

    There was an error rendering this rich post.

  • 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!

  • sahotataransahotataran Developer, Bay Area - CA ✭✭✭

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

    There was an error rendering this rich post.

  • kjaonlinekjaonline
    edited December 2011

    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)

  • 422422 Developer MVP
    edited December 2011

    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

    There was an error rendering this rich post.

  • 422422 Developer MVP
    edited December 2011

    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;
    }

    There was an error rendering this rich post.

  • Thanks! Will check it out.

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

  • sahotataransahotataran Developer, Bay Area - CA ✭✭✭

    change the margin property to be 0

    and play with right: to something like right:-20px

    There was an error rendering this rich post.

  • 422422 Developer MVP

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

    @sahotataran is correct.

    There was an error rendering this rich post.

  • 422422 Developer MVP

    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

    There was an error rendering this rich post.

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

Sign In or Register to comment.