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.

[Solved][Documentation] line seperating the posts too thin

edited May 2012 in Vanilla 2.0 - 2.8

Good Day

I just installed vanilla and I really enjoy the style and ease of use. I tried to play around with different themes, but all of them seem to have the same problem for me...

The line which separates the posts is just much too thin.

Is there a way to increase the thickness of these lines?
If anyone could pinpoint me to the right direction I would really appreciate it.

Tagged:

Best Answer

  • 422422 MVP
    Answer ✓

    ul.DataList li.Item {
    border-bottom: 1px solid #E1E1E1;
    padding: 4px 0;
    }

    There was an error rendering this rich post.

Answers

  • Show us an image. Its usually a border-top or border-bottom setting tho

    There was an error rendering this rich post.

  • the best thing to do is get firebug for firefox, or use the native inspect in chrome, and fins the css selector, and style that.

    grep is your friend.

  • Here is an image of the theme i currently use:

    image

    Can you see the small thin line between the posts and the discussion topics?

    How could i increase their size? what should i look for in the css file?

    And how do i access the inspect in chrome?

    Thank you for the fast answer and the help

  • Use firefox and firebug. Right click the line and inspect element

    There was an error rendering this rich post.

  • edited May 2012

    Thank you, I tried, but i just can't locate it, probably because the line is so small and impossible to click on.

    The sma line is actually used in this forum, just right on top of each post (and bottom). I mean the really thin small grey line like this one:


    any pointers on what i should look for?

  • give us the website link

    There was an error rendering this rich post.

  • ..taps foot

    There was an error rendering this rich post.

  • I'm so sorry, i had to leave to give class to some students.

    here is the link:
    http://exotron.net/coaching/forum/index.php?p=/discussion/1/well-this-is-the-first-test

  • 422422 MVP
    Answer ✓

    ul.DataList li.Item {
    border-bottom: 1px solid #E1E1E1;
    padding: 4px 0;
    }

    There was an error rendering this rich post.

  • Thank you soo much for that!

    I finally found it and can now change the liner color and thickness!

    Thank you for the fast help!

  • @Aranir can you please add how you found your solution and what you did to make the changes to the Vanilla Wiki (see my signature for the link)

    There was an error rendering this rich post.

  • Yes I will do that this afternoon. :)

  • Hello UnderDog, i was looking through the wiki, where exactly should i put that information?

    I don't want to mess anything up, so could you give me clearer instruction on where I should put this information?

  • The fun part is, you can put it anywhere on the wiki, where you like, we'll organize it afterwards...


    So, make sure you've registered with your username and password and then make sure you have logged in into the wiki...


    Let's edit the Main Page... Don't worry, you won't break anything...


    Find

    = [[image:Designers.png]] Vanilla for Designers =

    You will see a small list of items, like CSS Guide, etc. The items all start with a ***** which is good...

    Add your item with a * too...
    For example

    [[Altering Special items in your Stylesheet]]

    (see the double brackets [[]] That's how you 'create' a new page in the Wiki.
    Save the main page. You will see your new page, color is red.
    This means that now you still need to add text to the new page
    Click on that new, red link
    Now add any text to your newly created page.


    That's all :-)

    There was an error rendering this rich post.

  • Don't worry, you won't break anything...

    Famous last words ;)

    grep is your friend.

Sign In or Register to comment.