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

<li class="message"> problem

Discussion in 'XenForo Questions and Support' started by Wuebit, Feb 8, 2011.

  1. Wuebit

    Wuebit Well-Known Member

    Hey all
    Am trying to make a box after the first post to place a banner this is what i have so far (which is prob wrong)

    HTML:
    <xen:if is="{$post.position} == 0 AND {$visitor.user_group_id} != 8">
        <li class="message">
                    <blockquote class="messageText ugc baseHtml">
    <div class="centralbox">
    <div style="float:left"><a href="http://anime.jlist.com/click/2879/92"><img src="http://myanimeisland.com/banners/jlist.jpg" alt="" border="0px" /></a></div>
    <div style="float:right"><a href="http://www.play-asia.com/SOap-23-83-f8z9.html"><img src="http://myanimeisland.com/banners/playasia.jpg" alt="" border="0px" /></a></div>
    </div>
                    </blockquote>
        </li>
    </xen:if>
    
    http://myanimeisland.com/threads/post-your-desktop.45/
    Now if you see here it shows up fine but there is Big space under it (padding) which found here

    HTML:
    .messageList .message
    {
        @property "message";
        padding-top: 10px;
        padding-bottom: 30px;
        border-top: 1px solid rgb(234, 186, 17);
        @property "/message";
    }
    but when i change the bottom padding to say 5px it all so moves everything else with use's that class

    so my question is
    Is there any other way i can do this without changing the whole page

    Thanks
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Add a new attribute/class to your code with padding 0.
     
  3. Wuebit

    Wuebit Well-Known Member

    Hey thanks for that i added

    HTML:
    .centralbox
    {
        padding: 0px;
    }
    in message.css and also tryed extra.css still the same tho mate
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Try adding !important to the end of it.

    If that still doesn't work then add another class to the li as follows:

    Code:
    <li class="message noPadding">
     
  5. Wuebit

    Wuebit Well-Known Member

    Nope none of them worked :(
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    Did you actually add padding:0 to the noPadding class?

    I just checked the css and there appears to be no styling for that class.
     
    Vodkaholic likes this.
  7. Brogan

    Brogan XenForo Moderator Staff Member

    Looks like it's sorted now :)
     
  8. Wuebit

    Wuebit Well-Known Member

    Woop's! [​IMG] sorry about that and thanks alot :)
     

Share This Page