Hello Guest, if you are reading this it means you have not registered yet. Please take a second, Click here to register, and in a few simple steps you will be able to enjoy all the many features of our fine community.
Note that lewd or meaningless nicknames are prohibited (no numbers or letters at random) and please introduce yourself in the section for you to meet our community.

Announcement

Collapse
No announcement yet.

Add images or icons on navigation bar

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • Font Size
    #1

    Help Add images or icons on navigation bar

    Example.... how can I add a 'whatsapp' icon (example before the 'WHATSAPP assistenza' on my navigation bar?


    Similar Threads
  • Font Size
    #2

    mito22 try this code - in your style additional.css

    Code:
    .navbar_whatsapp_assistenz:before {
    content: '';
    background: transparent url("/path/to/the/icon.png") no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 4px; /* margin-left for RTL or margin-{vb:stylevar right} */
    display: inline-block;
    position: relative;
    top: 3px;
    }
    You can adjust size of your icon, and you can add more icons for all your tabs!

    You can see on my test site - Only registered and activated users can see links., Click Here To Register...

    Hope maybe chicoynano make some plugin for navbar tabs icons
    chicoynano, mito22 like this.
    Never Say Never

    Comment

    • Font Size
      #3

      Originally posted by Bosss View Post
      mito22 try this code - in your style additional.css

      Code:
      .navbar_whatsapp_assistenz:before {
      content: '';
      background: transparent url("/path/to/the/icon.png") no-repeat;
      width: 24px;
      height: 24px;
      margin-right: 4px; /* margin-left for RTL or margin-{vb:stylevar right} */
      display: inline-block;
      position: relative;
      top: 3px;
      }
      You can adjust size of your icon, and you can add more icons for all your tabs!

      You can see on my test site - Only registered and activated users can see links., Click Here To Register...

      Hope maybe chicoynano make some plugin for navbar tabs icons
      thanks boss.... let's try also.... thanks...

      Comment

      • Font Size
        #4

        Originally posted by Bosss View Post
        mito22 try this code - in your style additional.css

        Code:
        .navbar_whatsapp_assistenz:before {
        content: '';
        background: transparent url("/path/to/the/icon.png") no-repeat;
        width: 24px;
        height: 24px;
        margin-right: 4px; /* margin-left for RTL or margin-{vb:stylevar right} */
        display: inline-block;
        position: relative;
        top: 3px;
        }
        You can adjust size of your icon, and you can add more icons for all your tabs!

        You can see on my test site - Only registered and activated users can see links., Click Here To Register...

        Hope maybe chicoynano make some plugin for navbar tabs icons
        Example of my code... but appears don't work...



        .navbar_whatsapp_assistenza:before {
        content: '';
        background: transparent url(Only registered and activated users can see links., Click Here To Register...) no-repeat;
        width: 24px;
        height: 24px;
        margin-right: 4px; /* margin-left for RTL or margin-{vb:stylevar right} */
        display: inline-block;
        position: relative;
        top: 3px;
        }

        Comment

        • Font Size
          #5

          Code:
          .navbar_whatsapp_assistenza:before {
          content: ' ';
          background: transparent url("Only registered and activated users can see links., Click Here To Register...") no-repeat;
          width: 24px;
          height: 24px;
          margin-right: 4px; /* margin-left for RTL or margin-{vb:stylevar right} */
          display: inline-block;
          position: relative;
          top: 3px;
          }
          mito22 just copy code above
          mito22 likes this.
          Never Say Never

          Comment

          • Font Size
            #6

            It works.... thanks:

            Bosss likes this.

            Comment

            X

            Thread Information

            Collapse

            Users Browsing this Thread

            There are currently 1 users browsing this thread. (0 members and 1 guests)

              Those who read this thread

              Collapse

              Members who have read this thread: 0

                Working...
                X
                0x0

                AdBlock Detected

                Please Disable Adblock

                Please consider supporting us by disabling the ad blocker.

                I've Disabled AdBlock