Replacing the site title in the navigation bar with an icon.

  • Resolved b4iamnot

    (@b4iamnot)


    7 years ago

    I really want to replace the site title (navbar-brand) with an icon. From the forum I see others have wanted to do this as well but I haven’t found any answers with solutions.

    Maybe if I ask again someone will be able to help? This theme fits my needs best so I would really like a solution so I don’t have to go theme shopping again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • mrkenray

    (@mrkenray)

    Ok – so you know how to go into the admin section, customize, and then click on “ADDITIONAL CSS”? Good.

    So, upload your “icon” or whatever image you want to be up there, then copy the url of the image to notepad (or your fave text editor).

    Add this to the “additional CSS” section:

    .navbar-brand{
    font-size: 0px;
    width:150px; /*width of your image*/
    height:35px; /*height of your image*/
    background-image:url(‘https://www.YOURSITENAME.com/wp-content/uploads/anicon.png’);
    margin:0; /* If you want no margin */
    padding:0; /*if your want to padding */
    }

    Thread Starter b4iamnot

    (@b4iamnot)

    Awesome!! Thanks so much – maybe tonight I will sleep!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Replacing the site title in the navigation bar with an icon.’ is closed to new replies.