Customise Single Posts Styles

Hi

If you have a selfhosted than you can change lots of things…

(In a childstheme)… through css … add the folowing:

.cat-links a, .cat-links a:visited, .tags-links a, .tags-links a:visited, .widget_tag_cloud a, .widget_tag_cloud a:visited, .comment-navigation .meta-nav, .posts-navigation .meta-nav, .post-navigation .meta-nav, {
display: none;
}

For the first 3 points in your question

with the fourth, I can not help you…

Hi @melody62 –

It’d be helpful to include your CSS in the code button. I’d also break it down by question, this way, the user can better understand what each piece of CSS is doing.

1.hide the categories (in orange) at the top of my posts

CSS in code button

Appreciate your help here. Just some tips I thought were worth sharing.

@kksidell –

For the last item:

1.add a back button to go to page before

Folks can just use their browser for that. Using the back arrow will take them to the previous screen. There’s no need to add that directly to the site.

If you need more help write back to us here ??

Thanks for your help, I am not sure if I am self hosted but I have found the theme options and in the single post.php file and managed to remove the previous/next post from the post.

Can anyone help me work out which bits of the following code relate to the categories and tags?

<?php
/**
* The template for displaying all single posts.
*
* @package Button
*/

get_header(); ?>

<div id=”primary” class=”content-area”>
<main id=”main” class=”site-main” role=”main”>

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( ‘components/content’, ‘single’ ); ?>

<?php
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;
?>

<?php endwhile; // End of the loop. ?>

</main><!– #main –>
</div><!– #primary –>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Thanks,

Karen

Karen –

Apologies but it looks like my CSS didn’t come through because I pasted the wrong thing from my clip board.

Here’s the CSS you need to add for the following items.

hide the categories (in orange) at the top of my posts

span.cat-links {
    display: none;
}

hide the tags at the bottom of my posts?

.tags-links {
    display: none;
}

Write back if you need more help.

Thanks @lizkarkoski,

Sorry I am a complete novice for CSS and everything I have managed to acheive for my website is by searching google!

Where do I input this CSS? I had a look through the CSS style sheet etc and couldn’t see anything similar to change to this and there isn’t anything on the single.php like it either.

Thanks,

Karen

Karen –

No worries. We all started at the beginning once upon a time. I’m happy to help.

So, the CSS files are going to be part of your theme stylesheets. You don’t need to make the change there.

The easiest way to edit your CSS file is to visit Appearance → Editor from your WordPress dashboard. Open the style.css file (which should be open by default). This is your stylesheet. Search for those changes that I provided in my last reply and make the changes for real on that sheet. Be sure to save.

@lizkarkoski thank you so much for your help, it worked perfectly.

Resolved

You’re welcome! I’m happy to hear that you’ve got things sorted.

?? Okay, will try to do that the next time