Move the Livefyre Logo

Reposition the Livefyre logo on your page.

If your agreement with Livefyre allows, you may move the Livefyre logo from the top of the content stream to the bottom.

For example, add the following HTML to your page immediately following the element that contains the Livefyre App:

<div id="powered_by_livefyre_new"><a href="" target="_blank">Powered by Livefyre</a></div>

Then, add the following to your page’s stylesheet:

/* Hide the top logo */
.fyre-widget .fyre-logo-drop, .fyre-widget .fyre-logo-help, .fyre-widget .fyre-help {
    display:none !important;

/* Style the bottom logo */
#powered_by_livefyre_new a {    background: url( no-repeat left top;
    display: block;
    height: 24px;
    font: 13px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    text-decoration: none;
    color: #404040;
    padding-left: 28px;
    padding-top: 4px;
#powered_by_livefyre_new a:hover {
    text-decoration: underline;

On this page