Not signed in (Sign In)

Categories

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

Help keep Vanilla free:
Welcome Guest!
Want to take part in these discussions? If you have an account, sign in now.
If you don't have an account, apply for one now.

Random: padding changes for "search" and "start a new discussion"

Bottom of Page

1 to 7 of 7

  1.  
    • CommentAuthorjoemad
    • CommentTimeNov 29th 2007 edited
     # 1
    I'm trying to move the discussions over to the right a little more. If you look on the forum you'll see it's out of whack. I tried to make the adjustment in the themes vanilla.css but couldn't figure out what to change. Can someone guide me? Thanks!

    http://www.joemadsamples.com/forum/
    • CommentAuthorjoemad
    • CommentTimeNov 29th 2007
     # 2
    I figured it out and just added "padding-left: 20px;" right under

    #AccountPage #Content,
    #CommentsPage #Content,
    #DiscussionsPage #Content,
    #CategoryPage #Content,
    #ExtensionPage #Content,
    #SettingsPage #Content {
    padding-top: 20px;
    • CommentAuthorjoemad
    • CommentTimeNov 29th 2007
     # 3
    Uh oh! Now where do I change the padding for the "search pages" and the "start a new discussion" page.
    • CommentAuthorGrahack
    • CommentTimeNov 29th 2007 edited
     # 4
    I don't know what browser you use, but with FireFox you can install "web developper toolbar" that gives you hints about the selector to use (Ctrl-Shift-Y).
    What if you just
    #Content {
    padding-left: 20px;
    }
    •  
      CommentAuthorklip
    • CommentTimeNov 29th 2007
     # 5
    also I recommend to use firefox addon Firebug http://getfirebug.com/ it allows to change everything (html, css, javascript) on a live page.

    I can see there is this on line 282 in the file vanilla.css:
    #AccountPage #Content,
    #CommentsPage #Content,
    #DiscussionsPage #Content,
    #CategoryPage #Content,
    #ExtensionPage #Content,
    #SettingsPage #Content {
    padding-top: 20px;
    padding-left: 45px;
    }

    I changed 45 to 75 in Firebug and it seems to be fine for me.

    OR

    you can change the size of the google search input field from 32 to 28 for example, it looks fine too :)
    • CommentAuthortimfire
    • CommentTimeNov 29th 2007 edited
     # 6
    You changed the size of the Panel, didn't you? In that case, I believe it's more "proper" to change the left margin of #Content, rather than change the padding. That would keep the padding unified and the CSS easier to read and change later. But it's a small point, the effect is still the same.

    I believe changing #Content should effect ALL pages.
    • CommentAuthorjoemad
    • CommentTimeNov 29th 2007
     # 7
    Oh no... It looks good in Firefox but in explorer there seems to be extra space between the menu and the discussions. I deleted the padding from

    #AccountPage #Content,
    #CommentsPage #Content,
    #DiscussionsPage #Content,
    #CategoryPage #Content,
    #ExtensionPage #Content,
    #SettingsPage #Content {
    padding-top: 20px;
    (I deleted this... padding-left: 45px;)
    }

1 to 7 of 7

  1.  
Add your comments
    Username Password
  • Format comments as
 
Back to Discussions Top of Page