Support » Fixing WordPress » relocation of rating buttons

  • sup guys! trying to tweak a small part of my site, i’ve installed the Rating-Widget plugin and really want to move the buttons into the header of the post. i’ve attached an image of how it is, and where i’d like the buttons. if anyone can point me in the right direction i’d appreciate it!

    site screenshot

Viewing 12 replies - 1 through 12 (of 12 total)
  • You have to css it up to the position you want. google firebug, its a firefox components that will be your best friend.

    Thread Starter thedopesteez

    (@thedopesteez)

    aha. i’ve installed the chrome app, i’m searching through the code, but don’t know exactly how to correctly edit it to get what i want. sorry i’m a beginner at coding

    At the top right, there is a blue box, click on it and go to the button, it should light up with a blue box around it. look at the right and you’ll see the css for that button play with it until its how you like it. copy it and paste it in your css.

    excuse me, top left

    Thread Starter thedopesteez

    (@thedopesteez)

    hmm… i can fool around with the html coding, but the css style sheet only seems to have options for panel sizing and location but not the location of specific elements. sorry i am terrible at this stuff

    haha dont worry, Im still terrible. just put a lot of hours to learn a tiny bit. If you can send url I could help you faster.

    If not, the far right box has a tab that say style. that is where your css is. for an example

    background{
    margin-top 400px;

    What you have to do is click on that blue on the far left and go to the button and a css code will appear. click on the blue border and a code will be highlighted in the middle of the screen. play with px part and see where it take you.

    This is how you learn about css http://www.w3schools.com/css/default.asp

    You should be fine now.

    Thread Starter thedopesteez

    (@thedopesteez)

    here is the url link

    Here is the code, now look at the link i sent you and look how to move stuff up, down, left, and right.

    .rw-right, .rw-halign-right {
    text-align: right;
    }
    .rw-left, .rw-center, .rw-right {
    background-image: none !important;
    margin: 0 !important;
    padding: 0 !important;
    }

    the links has a red icon to make things disappear, click on it and see how things move around. for you to see what im talking about. go to the text-align: right. if you click on it , it will move left. gotta play with those things and read on the link and you’ll come up with somehting.

    Hope this help!

    Thread Starter thedopesteez

    (@thedopesteez)

    i’m not having any luck with the editing of css. i’m having better luck with inserting the html code in the proper place. i can get the location where i want it but weird things start to happen. i am going to take a closer look at the code and fool around with it a bit more tonight when there is less site traffic. thanks for your help you pointed me in the right direction

    Yea css is the key to really doing alot of stuff on the site. So try to really master that you’ll be good. look for css margin top, bottom, left, right in that link i sent you. then go to your style.css and paste the css code there and play with it. its not a 5 min process to learn it but it will save you money when you master it.

    Here you go

    .rw-right, .rw-halign-right {
    top: -54px;
    }

    OR

    .rw-right, .rw-halign-right {
    top: -54px !important;
    }

    put this in your style.css

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘relocation of rating buttons’ is closed to new replies.