Need help? Check out our Support site, then


CSS probs and categories/tags help!

  1. Hello

    I'm using a Black-LetterHead theme for my site. My WordPress is the latest version.

    I have tabs on my site that allows readers to search articles by certain tags and categories. What I would like is to change how it looks when on the specific category/tag archive page.

    For example -
    Category - http://summoningspirits.net/category/news/
    Tag - http://summoningspirits.net/tag/feature/

    I want to remove the headings "Archive for..." and "older entries" function across all the category/tag tabs. Also I'd like to move the feed up and match the spacing as I do on the home page feed for example - http://summoningspirits.net/ I'd like everything to look the same.

    I'd appreciate anyone's help and input

    Thanks

    Pete

    The blog I need help with is summoningspirits.net.

  2. Pete, this will get rid of the older/newer links at the top and also the tags, categories and archives page titles.

    .archive .pagetitle, .archive .navigation {
        display: none;
    }

    On the single post pages, such as this one, http://summoningspirits.net/2013/08/29/schattenkult-produktionen-update/ , there are links to the previous and next post. If you want to get rid of those also, use the following code instead of the above.

    .archive .pagetitle, .navigation {
        display: none;
    }

    In the .post rule in your custom CSS, remove the top margin declaration you have to move the page content up like on the main page.

  3. Thanks alot, it works great. Just two things -

    How do I space each post from each other that'll work across the main feed, tag/category tabs?

    The function "older entries" I have on the bottom of my main page feed isn't working across the tags/categories tabs? For example - http://summoningspirits.net/category/news/ it should be there because I have plenty more articles in the news category.

    Appreciate the help

  4. Add the following and adjust the bottom margin. This will affect all posts on any page that lists multiple posts.

    .blog .post, .archive .post {
    margin-bottom: 40px;
    }

    The problem with the older/newer entries things above and below the posts, is that they are both controlled by the same CSS and both in the same parent div. This requires a bit of CSS skullduggery. :)

    Replace this:

    .archive .pagetitle, .navigation {
        display: none;
    }

    with this.

    .archive #content .navigation:nth-child(even) {
    display: none;
    }

    Aside: I'm scratching my head to figure out why "even" worked instead of "odd". I thought it should have been the other way around.

  5. thanks so much for the help, it works! :)

    Best

    Pete

  6. spoke too soon! the "older entries" function on the bottom of this page http://summoningspirits.net/category/news/ for example does't match my "older entries" function on my main feed, the margins are off. Is there a way to set the function at an exact height across all tabs aswell?

    Many thanks!

    Pete

  7. Pete, there is an apparent bug in Black Letter that is causing the theme footer credits to disappear from the blog main page when infinite scrolling is disabled at Settings > Reading which is causing some of the spacing issues. We are looking into this issue.

    This will make things a lot closer until the above issue is worked out.

    .archive #content .navigation, #footer {
        padding-top: 0;
    }
  8. Thank you again for your help and time, it's work great!

    Much appreciated

    Pete

  9. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic