Blog Documentation Book a Demo
Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

styling; overlapping title?

fishgrrlfishgrrl
edited June 2006 in Vanilla 1.0 Help
I've been mucking with this since last night; the title at the top of each discussion overlaps onto the top "PageInfo" border. I can't find what css style is controling this to fix it. The rest of the customizations to the style have been extremely easy to locate and fix. This one has me stumped though. If someone could take a look and give me suggestions, I'd much appreciate it: http://seahorses.ws/Vanilla/comments.php?DiscussionID=1&page=1#Item_1

Comments

  • jakob_rjakob_r
    Two options:

    either add a negative top margin to:
    #CommentsPage .ContentInfo h1, e.g.
    margin-top:-10px;
    which brings it in line with the "bottom of page" notice


    or add more top margin to:
    #CommentsPage .ContentInfo.Top .PageInfo, e.g.
    margin:15px 0px 0px 0px !important;

    You can use the firefox web developer toolbar "CSS > View Style Info" to show you exactly what CSS you need to look for, then you can look for (multiple) instances of it in the edit CSS window and try it out. Here .PageInfo is defined on several occasions, which is probably why you weren't having any luck.
  • marklbishopmarklbishop
    Wow! It looks great. How did you wrap your template onto Vanilla? I'm struggling with this. Are you using v1?
  • fishgrrlfishgrrl
    edited June 2006
    Jakob_r, thanks for the help! I am about to run some errands but I'll try it when I get back. marklbishop, thanks! I am using v1, and just kept playing until i got it right. Once I got the hang of how things were labed, etc . . . it became a breeze (though there are a few minor things I'd like to change I haven't figure out yet). Part of what made it easy for me though is that I spend much of my day at work modifying css that is in polish (which I don't speak), so reverse engineering english css is enjoyable! The menu and footer are all done with php includes in the themes/myownthemename/menu.php and foot.php. I use header and footers via includes on all my pages so that if I need to change a menu item, I'm not forced to do it over hundreds of pages.
  • fishgrrlfishgrrl
    Perfect! it worked like a charm.
This discussion has been closed.