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.

css question

Hi.
Please tell me how can i put on the right side this bookmark image please. Here is the code:

a.Bookmark,

a.Bookmarked,

a.Bookmarking {

display: inline-block;

background: url('images/star_sprite.png') top center no-repeat;

height: 32px;

width: 32px;

}

a.Bookmark span,

a.Bookmarking span {

display: none;

}

a.Bookmarked {

background-position: center center;

}

a.Bookmarking {

background-position: bottom center;

}

body.Discussion a.Bookmark {

float: right;

margin: 0 0 0 8px;

}

Comments

  • hgtonighthgtonight ∞ · New Moderator

    Could you clarify what you are trying to accomplish?

    What version are you running?

    Search first

    Check out the Documentation! We are always looking for new content and pull requests.

    Click on insightful, awesome, and funny reactions to thank community volunteers for their valuable posts.

  • Am using version 2 of vanilla. That is a star to bookmark the post. And its in the middle. I want to put it in the right.

  • hgtonighthgtonight ∞ · New Moderator

    What theme are you using?

    Do you mean in the middle of the discussion title?

    Search first

    Check out the Documentation! We are always looking for new content and pull requests.

    Click on insightful, awesome, and funny reactions to thank community volunteers for their valuable posts.

  • Here what i mean:

  • am using danca theme.

  • hgtonighthgtonight ∞ · New Moderator

    That picture really helped. :D

    When modifying an existing theme, it is very helpful to use something like FireBug for FireFox to live edit the css. This will let you try out different rules on different selectors and get immediate feedback.

    Anyway, I downloaded the theme and got this. Remove the right: 108px rule for ul.DataList div.Options

    ul.DataList div.Options {
        float:none;
        width:auto;
        position: absolute;
        top: 2px;
        /*right: 108px;*/
    }
    

    Search first

    Check out the Documentation! We are always looking for new content and pull requests.

    Click on insightful, awesome, and funny reactions to thank community volunteers for their valuable posts.

    Mikey05
  • Thank you sir! Worked!

Sign In or Register to comment.