1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 problem styling

Discussion in 'Styling and Customization Questions' started by aiman.h.kallaf, Jul 31, 2013.

  1. aiman.h.kallaf

    aiman.h.kallaf Active Member

    upload_2013-7-31_2-16-45.png

    i even used a very huge number to show that the affect are not taken place
    the font size and the line height are not taken affect


    upload_2013-7-31_2-16-1.png
     
  2. Jeremy

    Jeremy XenForo Moderator Staff Member

  3. aiman.h.kallaf

    aiman.h.kallaf Active Member

    i'm using the default , and using this same code it was working before upgrading
     
  4. Jeremy

    Jeremy XenForo Moderator Staff Member

    Can you provide a link?
     
  5. aiman.h.kallaf

    aiman.h.kallaf Active Member

  6. Jeremy

    Jeremy XenForo Moderator Staff Member

    What exactly are you trying to change? Increase the font size for the message user info?
     
    aiman.h.kallaf likes this.
  7. aiman.h.kallaf

    aiman.h.kallaf Active Member

    I'm trying to increase the font and the distance between lines
    Joined:
    Jul 20, 2013
    Messages:
    82
    Likes Received:
    19
    Trophy Points:
    40
    Occupation:
    Student
    Location:
    Algeria
     
  8. Jeremy

    Jeremy XenForo Moderator Staff Member

    Code:
    .extraUserInfo dl {
    font-size: 20px;
    line-height: 30px;
    }
    Add into EXTRA.css and adjust accordingly.
     
    aiman.h.kallaf likes this.
  9. aiman.h.kallaf

    aiman.h.kallaf Active Member

    still not working , can you try it on your localhost or forum to check if it work or not
    it could be a bug
     
  10. Jeremy

    Jeremy XenForo Moderator Staff Member

    Sorry, I've adjusted my post accordingly since I misread which element I modified. If it doesn't change, add !important after the numbers.
     
    aiman.h.kallaf likes this.
  11. aiman.h.kallaf

    aiman.h.kallaf Active Member

    still nothing , only font type is taking affect
     
  12. Jeremy

    Jeremy XenForo Moderator Staff Member

    Where are you placing that code?
     
    aiman.h.kallaf likes this.
  13. aiman.h.kallaf

    aiman.h.kallaf Active Member

  14. Jeremy

    Jeremy XenForo Moderator Staff Member

    Can you post the full EXTRA.css template?
     
    aiman.h.kallaf likes this.
  15. aiman.h.kallaf

    aiman.h.kallaf Active Member

    .extraUserInfo {
    font-size: 20px !important ;
    line-height: 30px !important ;
    }



    .female .messageUserBlock h3.userText{background: url(styles/default/xenforo/gender/female.png) 97% center no-repeat;}
    .female .messageUserBlock{background-color:#FFBFED!important;border:1px solid #FF8FE0!important;}
    .female .messageUserBlock div.avatarHolder{background-color:#FFDFF6!important;}
    .female .messageUserBlock div.avatarHolder .avatar .img{border:1px solid #FFBFED!important;}
    .female .messageUserBlock .extraUserInfo{background-color:#FFDFF6!important;}
    .female .messageUserBlock .arrow{border-color:transparent -moz-use-text-color transparent #FF8FE0!important;}
    .female .messageUserBlock .arrow span{border-color:transparent -moz-use-text-color transparent #FFDFF6!important;}
    .male .messageUserBlock h3.userText{background: url(styles/default/xenforo/gender/male.png) 97% center no-repeat;}
    .male .messageUserBlock{background-color:#AFE4FF!important;border:1px solid #7FD5FF!important;}
    .male .messageUserBlock div.avatarHolder{background-color:#DFF4FF!important;}
    .male .messageUserBlock div.avatarHolder .avatar .img{border:1px solid #AFE4FF!important;}
    .male .messageUserBlock .extraUserInfo{background-color:#DFF4FF!important;}
    .male .messageUserBlock .arrow{border-color:transparent -moz-use-text-color transparent #7FD5FF!important;}
    .male .messageUserBlock .arrow span{border-color:transparent -moz-use-text-color transparent #DFF4FF!important;}
     
  16. Jeremy

    Jeremy XenForo Moderator Staff Member

    Recopy my code, I updated it with a new selector.
     
    aiman.h.kallaf likes this.
  17. aiman.h.kallaf

    aiman.h.kallaf Active Member

    the line height is working but not the size

    .extraUserInfo dl {
    font-size: 200px;
    line-height: 30px;
    }
     
  18. Jeremy

    Jeremy XenForo Moderator Staff Member

    Use !important after the number and it should work.
     
    aiman.h.kallaf likes this.
  19. aiman.h.kallaf

    aiman.h.kallaf Active Member

    thank you , it worked
    changing these in 1.1 was easier
     
  20. Shelley

    Shelley Well-Known Member

    Following will work also if you don't fancy using !important

    Code:
    .message .messageUserBlock .extraUserInfo dl {
    font-size: 20px;
    line-height: 30px; }
     
    aiman.h.kallaf and Jeremy like this.

Share This Page