ThemeShaper Forums » Thematic

[closed]

Add a line to separate posts

(10 posts)
  • Started 3 years 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 3 years ago #
  2. 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 3 years 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 3 years ago #
  4. 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 3 years ago #
  5. 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 3 years 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 3 years ago #
  7. the craftsman
    Member

    mmhm
    it doesn't work in safari...

    Posted 3 years 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 3 years ago #
  9. 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 3 years ago #
  10. the craftsman
    Member

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

    thanks again!
    *

    Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.