ThemeShaper Forums » Thematic

Add a line to separate posts

(10 posts)
  • Started 1 year ago by the craftsman
  • Latest reply from the craftsman
  • This topic is resolved

Tags:

  1. the craftsman
    Member

    I'm using Thematic and find it great. The only issue I find is when scrolling the blog it becomes hard to distinguish between posts.
    I would like to introduce a thin line between posts. Could anyone advise on that? as specificly as possible I new on this :)
    thanks in advance!
    filip

    Posted 1 year ago #

  2. Solomon
    Member

    Perhaps you could find:

    .entry-utility {
    clear:both;
    color:#666;
    font-size:13px;
    line-height:18px;
    margin:0 0 44px 0;
    }

    in the default.css file and add a border-bottom property, like
    border-bottom: 2px solid #666; (below the margin property but above the }

    Not sure if that's what you're looking for.

    Posted 1 year ago #

  3. the craftsman
    Member

    hey Solomon,
    thanks for your reply.
    I get your idea but I can't find the ".entry-utility" in the style.css file... that's the one you mean by "default.css", right?

    Posted 1 year ago #

  4. Solomon
    Member

    Nope, that one just drags in the contents of a bunch of other css files.

    Look in: /thematic/library/styles/ for the file called default.css

    It's in there.

    Posted 1 year ago #

  5. Jonny Janiero
    Member

    its advised not to ammend default.css directly if you want future updates to run smoothly. if you are keeping default.css imported from your style.css just pop the following code to the bottom of your style.css

    .hentry {
 border-bottom:solid 2px #ccc;
}
    Posted 1 year ago #

  6. the craftsman
    Member

    Great, That worked perfect! :)
    Thanks!
    Would you just give another bit of help making it thinner (just like the upper line of the thematic header) or lighter gray? whatever is more simple.

    my blog:
    http://www.the-home-project.com/craftism/

    Posted 1 year ago #

  7. the craftsman
    Member

    mmhm
    it doesn't work in safari...

    Posted 1 year ago #

  8. the craftsman
    Member

    thanks Jonny,
    but that makes a line right on top of the next post title. Doesn't look so good..
    Although it does read in other browsers.
    Any idea how to make space between the line and the next post title?

    Posted 1 year ago #

  9. Solomon
    Member

    Just play with that line of code. Make it 1px (about as thin as it will get), or pick a different shade of gray http://www.elizabethcastro.com/html/colors/backflapcolors.html

    The border under the menu is 1px, so that would probably be the difference.

    Not sure what to tell you about the Safari issue. This is pretty basic standard CSS.

    Posted 1 year ago #

  10. the craftsman
    Member

    I did that already and it works great.
    I'll mark the topic as solves.

    thanks again!
    *

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.