CSS probs and categories/tags help!

  • antiarnadubh · Member ·

    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: (visible only to logged in users)

  • thesacredpath · Member ·

    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.

  • antiarnadubh · Member ·

    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

  • thesacredpath · Member ·

    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.

  • antiarnadubh · Member ·

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

    Best

    Pete

  • antiarnadubh · Member ·

    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

  • thesacredpath · Member ·

    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;
}
  • antiarnadubh · Member ·

    Thank you again for your help and time, it’s work great!

    Much appreciated

    Pete

  • thesacredpath · Member ·

    You are welcome.

  • The topic ‘CSS probs and categories/tags help!’ is closed to new replies.