Announcement

Collapse
No announcement yet.

Topic icons

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • #31
    There are probably padding or margins that need to be changed. Will try to look if I get time.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API - Full / Mobile
    Vote for your favorite feature requests and the bugs you want to see fixed.

    Comment


    • #32
      Originally posted by Wayne Luke View Post
      There are probably padding or margins that need to be changed. Will try to look if I get time.
      Yes please. If that's ok.

      Comment


      • #33
        Originally posted by Wayne Luke View Post
        There are probably padding or margins that need to be changed. Will try to look if I get time.
        Is there any reason why all topic icons disappearing when using this code Wayne?

        Code:
          .unread .vb-icon-topic-status {
        background-image: url('/images/forumicons/hoturead.png');
        background-position: 0 0;
        }

        Comment


        • #34
          Originally posted by Wayne Luke View Post
          There are probably padding or margins that need to be changed. Will try to look if I get time.
          I managed to fix myself Wayne, the only issue is, the icon on mobile version is not on the middle.

          The code which I used, is:

          Code:
           .l-narrow-column .topic-list-container .topic-list .topic-item, .l-small .topic-list-container .topic-list .topic-item {
          display: block;
          position: relative;
          overflow: auto;
          }
          .topic-list-container .topic-list .topic-item {
          background: #fff none;
          }
          .l-small .topic-list-container .topic-list .cell-topic-image {
          height: 38px!important;
          }
          .topic-list-container .topic-list .topic-item .cell-topic {
          padding-top: 15px;
          }
          
          .topic-list-container .topic-list .topic-item .cell-topic {
          position: center;
          padding-left: 0px;
          }
          .topic-list-container .topic-list .topic-item td {
          border-top: 0px solid #e6e6e6;
          }
          .l-small .topic-list-container .topic-list .cell-topic-image {
          float: left;
          clear: left;
          padding-top: 10px;
          padding-right: 10px;
          box-sizing: content-box;
          margin-bottom: 10px;
          position: relative;
          z-index: 1;
          }
          l-narrow-column .topic-list-container .topic-list .cell-topic-image, .l-narrow-column .topic-list-container .topic-list .cell-topic, .l-narrow-column .topic-list-container .topic-list .cell-count, .l-narrow-column .topic-list-container .topic-list .cell-lastpost, .l-narrow-column .topic-list-container .topic-list .cell-inlinemod-item, .l-small .topic-list-container .topic-list .cell-topic-image, .l-small .topic-list-container .topic-list .cell-topic, .l-small .topic-list-container .topic-list .cell-count, .l-small .topic-list-container .topic-list .cell-lastpost, .l-small .topic-list-container .topic-list .cell-inlinemod-item {
          padding: 0 25px;
          display: block;
          color: #252C2F;
          }
          topic-list-container .topic-list .topic-item .cell-topic-image {
          vertical-align: top;
          white-space: nowrap;
          min-width: 16px;
          padding: 10px;
          }
          .topic-list-container .topic-list .topic-item td {
          border-top: 1px solid #e6e6e6;
          }
          
          
          
          .l-narrow-column .topic-list-container .topic-list .topic-item, .l-small .topic-list-container .topic-list .topic-item {
          display: block;
          position: relative;
          overflow: auto;
          }
          
          .topic-list-container .topic-list .topic-item:first-child {
          border-top: 0;
          }
          .topic-list-container .topic-list .topic-item {
          background: #fff none;
          }

          Is there anything wrong ? Thanks

          Comment


          • #35
            You're dealing with background images so you need to position them as such.

            https://developer.mozilla.org/en-US/...round-position
            Translations provided by Google.

            Wayne Luke
            The Rabid Badger - a vBulletin Cloud demonstration site.
            vBulletin 5 API - Full / Mobile
            Vote for your favorite feature requests and the bugs you want to see fixed.

            Comment


            • #36
              Originally posted by Wayne Luke View Post
              You're dealing with background images so you need to position them as such.

              https://developer.mozilla.org/en-US/...round-position
              Thanks. I will have a look.

              Comment

              Related Topics

              Collapse

              Working...
              X