Advanced smilies are too small

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • BoredOutOfMyMind
    Member
    • Feb 2006
    • 71
    • 3.8.x

    [Forum] Advanced smilies are too small

    How to increase them?

    Do they have to be converted to ,png to render correctly?
  • Lynne
    Former vBulletin Support
    • Oct 2004
    • 26255

    #2
    Are you talking about the size they show up as on the newreply or newthread page? It is the CSS setting the width.
    Code:
    .editor_smiliebox ul.smiliebox li img {
    height:auto;
    max-width:20px;
    width:auto !important;
    
    
    }
    If you do a search for ".editor_smiliebox ul.smiliebox li img" (or part of that ) in Search in Templates, you should find that.

    Please don't PM or VM me for support - I only help out in the threads.
    vBulletin Manual & vBulletin 4.0 Code Documentation (API)
    Want help modifying your vbulletin forum? Head on over to vbulletin.org
    If I post CSS and you don't know where it goes, throw it into the additional.css template.

    W3Schools <- awesome site for html/css help

    Comment

    • s0lidgr0und
      Senior Member
      • May 2007
      • 802
      • 3.6.x

      #3
      Lynne - thanks for the information.

      One question though. After I adjusted that value, the smilies are chopped up. Is there a way to adjust it so that the whole smilie displays?
      Attached Files
      s.molinari - I would like to ask all customers to definitely feedback issues with the software and be specific with the issues, but to basically suck-up what happened in the past and try to just look forward.

      Comment

      • Lynne
        Former vBulletin Support
        • Oct 2004
        • 26255

        #4
        You would have to set a width that is good for all of them.

        Please don't PM or VM me for support - I only help out in the threads.
        vBulletin Manual & vBulletin 4.0 Code Documentation (API)
        Want help modifying your vbulletin forum? Head on over to vbulletin.org
        If I post CSS and you don't know where it goes, throw it into the additional.css template.

        W3Schools <- awesome site for html/css help

        Comment

        • BoredOutOfMyMind
          Member
          • Feb 2006
          • 71
          • 3.8.x

          #5
          Originally posted by Lynne
          You would have to set a width that is good for all of them.
          Or change to two columns instead of 3

          Comment

          • Lynne
            Former vBulletin Support
            • Oct 2004
            • 26255

            #6
            Originally posted by BoredOutOfMyMind
            Or change to two columns instead of 3
            Yes, but you would still have to make sure the width you set it at is good for all the smilies shown.

            Please don't PM or VM me for support - I only help out in the threads.
            vBulletin Manual & vBulletin 4.0 Code Documentation (API)
            Want help modifying your vbulletin forum? Head on over to vbulletin.org
            If I post CSS and you don't know where it goes, throw it into the additional.css template.

            W3Schools <- awesome site for html/css help

            Comment

            • BoredOutOfMyMind
              Member
              • Feb 2006
              • 71
              • 3.8.x

              #7
              Originally posted by Lynne
              Are you talking about the size they show up as on the newreply or newthread page? It is the CSS setting the width.
              Code:
              .editor_smiliebox ul.smiliebox li img {
              height:auto;
              max-width:20px;
              width:auto !important;
              
              
              }
              If you do a search for ".editor_smiliebox ul.smiliebox li img" (or part of that ) in Search in Templates, you should find that.
              I changed this code instead- it seems to have worked

              Code:
              
              .editor_smiliebox ul.smiliebox li {
                  float:{vb:stylevar left};
                  height:24px;
                  margin:2px;
                  overflow:hidden;
                  position:relative;
                  text-align:center;
                  width:24px;
              }

              Comment

              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
              Working...