WordPress.org

Support

Support » Plugins and Hacks » [Resolved] wp-print: the ‘print this’ icon and link crowds my header on main page

[Resolved] wp-print: the ‘print this’ icon and link crowds my header on main page

  • just downloaded wp-print plugin. it works to offer printer-friendly versions for each post. yay!!! however, the icon and link for it is displayed above the targeted post, and it is so high on the top post on my home page, that it crowds my website header.

    is there a simple way to make it move down a little bit?

    fyi, i’m totally new to website creation. using wp default theme. thank you for any thoughts. — sharyn of http://www.lewiscountysirens.com

Viewing 15 replies - 1 through 15 (of 18 total)
  • You can try adding this to the very bottom of your style sheet:

    .WP-PrintIcon {margin: 10px 0 0;}

    I think that might move it down by 10px on every post. You can test it and see how it looks.

    Clayton, thank you. are you still around? i want to ask a little clarification …

    Sure! 🙂

    when i added the plugin, it was also my VERY first time touching any kind of code. the instructions on setting it up had me copy and paste a line of php stuff onto my main index template (index.php)

    so, as to your suggestion, step by baby step, do you mean i go to my dashboard, then to ‘appearance’ then below that to ‘editor’ and then look on the far right hand side and go to the bottom where i see stylesheet (style.css) … click on that and see the center of my screen is filled with code …

    is that the right place to add what you suggest? and, more specifically, when you say at the very end of this, the last thing i see on this sheet is something like /* “Daisy, Daisy, give me your answer do. I’m half crazy all for the love of you. blah, blah blah (added by me) ending with a bicycle built for two.” */

    do you literally mean put it after the very last character? and on it’s own line i suppose? thank you. –sharyn

    so, as to your suggestion, step by baby step, do you mean i go to my dashboard, then to ‘appearance’ then below that to ‘editor’ and then look on the far right hand side and go to the bottom where i see stylesheet (style.css) … click on that and see the center of my screen is filled with code ..do you literally mean put it after the very last character? and on it’s own line i suppose?

    Yes. You are pretty much right on the mark. Add it to the very bottom ( I say that because it’s the fastest to find and change again if you need to ) of style.css. It might be faster editing style.css in your file manager or by ftp, but if you are having success with the built-in editor, that’s fine too. That should do it.

    – I get a kick out of that “Daisy” reference every time I see it.

    oh my gosh, you have to know i have increased my knowledge about website creation by about a thousand times just to get this far, lol. i started at the tiniest tad bit above knowing zero two months ago. this is such a good feeling!

    so, i am going to copy and paste your suggestion after the daisy quote. i’ll tell you how it works. thank you again (will you stick around for a few minutes in case something horrible happens?)

    Sure, I’ll check back and see if it worked or not.

    I can already see it.. looks better?

    alright Clayton. i did it, but nothing changed.

    and btw, you probably figured out i just learned where my built in editor is and how to use it. i haven’t yet edited style.css in my file manager or by ftp, and don’t understand what or where those things are.

    do you have a diff suggestion about how to make that stuff move down? maybe a slightly tweaked version of that ‘code’ you suggested? -sharyn

    p.s. i have to ask, how do you know these kinds of things? it’s crazy, mysterious stuff!

    hold on … just now i see your comment saying you see it, looks better? looks exactly the same to me. does it look like it changed to you?

    Clayton, wow. ok, so i guess it just took a few moments to change. i see it now. in both firefox and safari browsers.

    thank you! and, do you think i could make it move down just a little bit more?

    Yes, it sure does. Revisit your home page, and press Ctrl+F5. That should force a browser cash refresh from your server. If that doesn’t work, log out, clear your browser cache and then revisit. That should do it.

    right. it was prob a refreshing thing … can i just increase that number to move it farther down?

    Well done!

    do you think i could make it move down just a little bit more?

    You sure can. Just increase the “10px” to whatever looks best for you.

    would i change the 10 to a 15 or a 20?

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘[Resolved] wp-print: the ‘print this’ icon and link crowds my header on main page’ is closed to new replies.