Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Comments starting next to the author image instead of below it.

whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP
edited March 2013 in Vanilla 2.0 - 2.8

I've uploaded this theme to try and help other users new(ish) to css.

It still has a couple of glitches I would love a hand with.

Firstly, the comments in discussions in Vanilla normally start below the author picture, mine start next to it.

I tried to compare the css with another theme that worked as expected, but couldn't see what was different.

Secondly, the footer doesn't go properly to the bottom of the page and I've had to 'fudge' it down to the bottom.

I've got a test version here: http://www.barspetsa.org/whu606test/discussion

if that helps.

Thanks.

Best Answers

  • 422422 Developer MVP
    Answer ✓

    k gottya .
    You could add:

    .Comment .Message, .Comment .MessageForm, .ConversationMessage .Message {
        line-height: 1.75em;
        margin-left: 0;
        margin-top: 40px;
        padding: 5px;
        text-align: left;
    }
    

    margin-top:40px ( or whatever )

    There was an error rendering this rich post.

  • 422422 Developer MVP
    Answer ✓

    Your issue seems to be background width , was trying to figure out what youve doe lol.

    Also i would have called the css file custom.css so users can see fallback. Will keep digging. Sometimes one piddly thing affects lots of others, domino effect

    There was an error rendering this rich post.

  • 422422 Developer MVP
    edited January 2012 Answer ✓

    you could also do this , possibly better method.

    .DataList li.Item, .Conversation li.Item {
       
        min-height: 60px;
    
    }
    

    this is additional property

    There was an error rendering this rich post.

Answers

  • 422422 Developer MVP
    edited January 2012

    Will look when i get in office and post some additions ... Albeit you buggers beat my home city footy team the other day !

    There was an error rendering this rich post.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    Thanks very kindly, @422

    I'll reject your answer for now, but don't want to appear unappreciative.

    422 said:
    Albeit you buggers beat my home city footy team the other day !

    That'd make you a Coventry lad, I take it?

  • 422422 Developer MVP
    edited January 2012

    Yep @whu606 site is BONKing

    There was an error rendering this rich post.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    Sorry @422 - that was me failing to put the -s on discussions.

    Link should be: http://www.barspetsa.org/whu606test/discussions

    Cheers

  • 422422 Developer MVP

    k comments under avatar appear under avatar even on here , not sure what you want fixing ?

    There was an error rendering this rich post.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    I'm probably not being very clear.

    If you look here: http://www.barspetsa.org/whu606test/discussion/3033/possibility-of-crowd-trouble-at-sundays-game-v-sheffield-wednesday#Item_3

    the comments start at the bottom right edge of the author avatar, rather than beneath it, as on here, and as is normal.

    Thanks for taking the time to try to help.

  • Thanks for the Annotated_CSS addon: very useful for newbies!

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    @candyman

    Thanks.

    Hope it proves helpful.

  • 422422 Developer MVP
    Answer ✓

    k gottya .
    You could add:

    .Comment .Message, .Comment .MessageForm, .ConversationMessage .Message {
        line-height: 1.75em;
        margin-left: 0;
        margin-top: 40px;
        padding: 5px;
        text-align: left;
    }
    

    margin-top:40px ( or whatever )

    There was an error rendering this rich post.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    Thanks. The top-margin was what I needed to add (still not sure why...)

    Any idea why the footer isn't siting properly?

    I'm having to push it down with a -100px atm.

  • 422422 Developer MVP
    Answer ✓

    Your issue seems to be background width , was trying to figure out what youve doe lol.

    Also i would have called the css file custom.css so users can see fallback. Will keep digging. Sometimes one piddly thing affects lots of others, domino effect

    There was an error rendering this rich post.

  • 422422 Developer MVP
    edited January 2012 Answer ✓

    you could also do this , possibly better method.

    .DataList li.Item, .Conversation li.Item {
       
        min-height: 60px;
    
    }
    

    this is additional property

    There was an error rendering this rich post.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    @422

    Cheers!

    Over summer I will make it my project to start with a blank css file and build it up.

    This theme is a cannibalised version of Clean, bits of your Festive site and the core Vanilla css, and anything else that worked, so has no over-arching consistency or plan.

  • 422422 Developer MVP

    Yeah I reckon start fresh .. and then work up from there.

    There was an error rendering this rich post.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP
    edited January 2012

    Well, that was quicker that I thought it would be.

    Decided to do it while it was still fresh in my memory.

    I've changed the 'theme' so now it only has the specific css needed to make basic changes to the default theme in the custom.css file.

    And none of those tiresome 'glitches' you get in so many themes nowadays...

    Thanks again for all your help.

  • Your efforts are appreciated;)

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    @TeacherMac

    Thank you for your kind words!

Sign In or Register to comment.