Forums

[resolved] Split posts (7 posts)

  1. hesleskaug
    Member
    Posted 3 years ago #

    This is a newbie question... sorry

    I want to split up each post with a line (doted)

    How and where do I do that?

    It's in the css file right?

    Thanks

  2. Roy
    Member
    Posted 3 years ago #

    Do you mean a "read more" split?

  3. hesleskaug
    Member
    Posted 3 years ago #

    No. A line that splits each post

    News #1
    blablab bla blablabl
    blablalblbllabllabl

    ablabllbba
    Read more

    ................................................. <This is what I want

    News #2
    blablablalbal
    albalablalbb

  4. Roy
    Member
    Posted 3 years ago #

    Ah, you mean between posts!
    I suppose that your stylesheet is de place to look, but to be honest, I wouldn't know how it works. Should nobody here have a suggestion, I'd advice to look around for a theme that does that and see how it's done.

  5. hesleskaug
    Member
    Posted 3 years ago #

    Ok... Thanks

  6. jberghem
    Member
    Posted 3 years ago #

    It's not very difficult.

    First look at the code of your template file (like the index.php)
    Most template files have the post content placed with in a <div> and have been given the class "post" so it looks like this: <div class="post" ...

    Okay, you don't need to change anything here all you're doing here is verifying that the div tag that contains the post has a class named "post" because this is the selector we will be editing in the CSS file. Let's assume your template file does.

    Open the style.css file of your theme and look for the selector .post. In the Default (Kubrick) Theme that's on line 259:

    .post {
    	margin: 0 0 40px;
    	text-align: justify;
    	}

    Add:

    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #000000;

    between the {}'s so it looks like this:

    .post {
    	margin: 0 0 40px;
    	text-align: justify;
    	border-bottom-width: 2px;
    	border-bottom-style: dotted;
    	border-bottom-color: #000000;
    	}

    That's it.

    You can change the width, style and color values to suit your preferences.

  7. hesleskaug
    Member
    Posted 3 years ago #

    Thank you jberghem! :)

Topic Closed

This topic has been closed to new replies.

About this Topic