Navigation
Archive / Header widget icon and color
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 30, 2016 at 5:07 pm #859607
    anitaradovcic
    Participant

    How to change header widget icon plus to text, and how to change background color where is icon plus

    March 30, 2016 at 10:40 pm #860047
    Prasant Rai
    Moderator

    Hello Anita,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    March 31, 2016 at 4:49 am #860530
    anitaradovcic
    Participant
    This reply has been marked as private.
    March 31, 2016 at 7:00 am #860698
    Zeshan
    Member

    Hi Anita,

    To show text in place of the icon, add following CSS under Custom > CSS in the Customizer:

    .x-btn-widgetbar {
  border-width: 40px;
}

.x-btn-widgetbar i {
  top: -25px;
  right: -33px;
  color: #fff;
  font-weight: bold;
}

.x-btn-widgetbar i:before {
  content: 'LOGIN';
}

    Replace LOGIN with the text you want to show.

    Thank you!

    March 31, 2016 at 1:38 pm #861228
    anitaradovcic
    Participant

    Thank you 🙂

    March 31, 2016 at 9:46 pm #861839
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-859607 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>