ThemeShaper Forums » Thematic

[closed]

Custom Post Dividers????

(7 posts)
  • Started 4 years ago by charles.ortiz
  • Latest reply from EddieY
  • This topic is not resolved
  1. charles.ortiz
    Member

    Hi there,

    Im currently using the thematic theme and have managed to customize it a bit but I cant figure out how to add a custom divider between posts. I dont really like how you go from post to post without anything dividing it. I made a custom divider image so all i want to do is know where to put the image?

    What would the coding be and where would i put it?

    Thanks in advance!

    Posted 4 years ago #
  2. Hi,

    this would be:

    .post {
        border-top: 1px solid black;
    }
    
    .p1 {
    	border-top: none;
    }

    in your child theme's style.css plus some additional stuff for the spacing.

    Chris

    Posted 4 years ago #
  3. charles.ortiz
    Member

    Ahh Thanks Chris it worked!

    Now another quick question. All of my post are limited to a 500px width. Is this theme only limited to this or can I widen it to 1000px?? Id like to have full page posts.

    thanks in Advance!

    Posted 4 years ago #
  4. You can do what ever you want .. limited by the monitor width and mainly the readability. Don't think that a post with a 1.000 px width will be readable at all, but that's up to you.

    Get Firefox and the Firebug addon and play with the following settings:

    - You need to adjust the min-width for body.

    - And you need to adjust the width for the following selectors:

    #branding
    .menu
    #main
    #container
    #sidebar
    #primary
    #secondary
    #siteinfo

    - And you need to adjust the margin for:

    #content
    #sidebar

    Chris

    Posted 4 years ago #
  5. charles.ortiz
    Member

    thanks Chris,

    Firebug has helped me alot!

    Now another question i have is how do I go about setting certain pages widths. For example, I want all my pages to be at 650 but a "Features" page to be at 950.

    Where in the CSS do I code away?

    thanks

    Posted 4 years ago #
  6. This can be solved by using the body class. Let's say, you have a page called 'Test'. In this case one of the body classes would be 'slug-test'.

    If you want to limit a certain css value to a certain page, you just have to prepend the body class.

    This would be something like:

    .slug-test #main {width: 950px;}

    Chris

    Posted 4 years ago #
  7. EddieY
    Member

    Thanks. This post has helped me put dividers in between posts on my category pages.

    How would I insert dividers on my custom static home page (page template) that features the latest posts(excerpt, thumb) at the bottom of the page?

    Posted 2 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.