Joomla Templates Club 406,261 posts

[cod1 Friend cod1Join date: November 2013Posts: 26Downloads:239Uploads:14 Thanks: 3]

#823181

Hi,

How to replace Logout with font awesome (eg. fa-power-off) on small and medium screens. I can’t figure out how to add Font Awesome icon to input field in this scenario:

<div class="logout-button">
    <input type="submit" name="Submit" class="button btn hidden-xs" value="<?php echo JText::_('JLOGOUT'); ?>" />
    <i class="fa fa-power-off hidden-sm hidden-md hidden-lg"></i>
</div>

Thanks

[cod1 Friend cod1Join date: November 2013Posts: 26Downloads:239Uploads:14 Thanks: 3]

#825548

Actually, I found a way to make it work.

<div class="logout-button">
    <input type="submit" name="Submit" class="button btn hidden-xs" value="<?php echo JText::_('JLOGOUT'); ?>" />
    <button type="submit" class="fa fa-power-off hidden-sm hidden-md hidden-lg"></button>
</div>

and css:

.fa-power-off {
    height:32px;
    width:32px;
    position:relative;
    border: none;
    cursor: pointer;
    color:white;
    background-color: blue;
}

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#826166

Hi,

Thanks for your sharing, it’s helpful for community.

Regards

[Author]

Posts