Help: Custom CSS to align 'Print' text

  • Resolved wimadmin

    (@wimadmin)


    10 years, 11 months ago

    I’m trying to get the printfriendly text to ‘vertical-align:top’ instead of ‘bottom’ but by css must be written incorrectly.

    I’m using a custom css file which is working correctly with the exception of this class, see screenshot: http://i.imgur.com/jJvq0mB.png

    I’ve tried the following to no avail:

    #printfriendly #a {
    vertical-align: top;
    }

    #printfriendly #a:link{
    vertical-align: top;
    }

    #printfriendly #a:visited {
    vertical-align: top;
    }

    If someone could point me in the right direction as to what the correct css syntax is I would greatly appreciate it!

    https://ww.wp.xz.cn/plugins/printfriendly/

Viewing 1 replies (of 1 total)
  • Plugin Author Print & PDF by PrintFriendly

    (@printfriendly)

    10 years, 11 months ago

    Hi @wimadmin,

    I hope you are well today and thank you for your question.

    I think you want to display printfriendly text at the top of the printfriendly icon.

    If this is the case then you can achieve this by adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin.

    https://ww.wp.xz.cn/plugins/simple-custom-css/

    .printfriendly a img {
  position: absolute;
  bottom: 0;
  left: 42%;
  margin: 0 !important;
  padding: 0;
}
div.printfriendly a {
  position: relative;
  padding-bottom: 25px;
  text-align: center;
}

    If the above code doesn’t work for you then please share the page URL from your site where you are using the printfriendly button so that i can test it as there can be some theme specific code that ay be conflicting with it.

    Best Regards,
    PrintFriendly

Viewing 1 replies (of 1 total)

The topic ‘Help: Custom CSS to align 'Print' text’ is closed to new replies.