Categories on block

Dear friends and technical support!

I’ve bought Newspaper theme and I like it so much!

But I have 2 small problems:

1. I would like to hide all this categories on this block
http://i64.tinypic.com/2nva5ug.png

2.Under the article there are two cool options like next/previous article. There are a tittles of that articles but I wish there were small photos of this. It engourage visitor much more to click into that.
http://i67.tinypic.com/38t1c.png

I have marked my problems on the pictures with a green frame.

Thank you in advance for your help.

• This topic was modified 8 years by samochodyelektryczne.

Your image for question 2 is not showing. The theme has no option to include thumbnails. I used a custom option on my site to show images and I can try to gather up the codes I used if you want. (I don’t work here).

I checked the second link and the image is showing.

I’ll be greatful if you’ll send me the codes on email: samochodyelektryczne.news@gmail.com

@samochodyelektryczne I will just share it here. Find the post template you are using. In my case, I use post template 2. So its corresponding file is loop-single-2.php (you should find the one which corresponds to your post template). Inside the loop single file, search for <?php echo $td_mod_single->get_social_sharing_bottom();?> and below it, paste the following code

<div class="navi-previous-next clear clearfix">
	            <div class="navi-previous navi-item"> <?php 	
		    	$prevPost = get_previous_post();
			$prevthumbnail = get_the_post_thumbnail($prevPost->ID,  'td_100x70'); ?>
		       	<p class="navi-icon"><?php previous_post_link('%link', '<span class="navi-prev-title">← Previous Article</span>');?></p>
		       	<div class="navi-post-content">
		  		<?php previous_post_link('%link', $prevthumbnail); ?>
		  		<?php previous_post_link('%link', '%title'); ?>
		  	</div>
	            </div>
	
	            <div class="navi-next navi-item"> <?php
	                $nextPost = get_next_post();
	                $nextthumbnail = get_the_post_thumbnail($nextPost->ID, 'td_100x70'); ?>
	                <p class="navi-next-icon"><?php next_post_link('%link', '<span class="navi-next-title">Next Article →</span>'); ?></p>
	                <div class="navi-post-content">
	                	<?php next_post_link('%link', $nextthumbnail); ?>
	                	<?php next_post_link('%link', '%title'); ?>
	                </div>
	            </div>
	        </div>

Then save.

Paste the following CSS in the Theme Panel Custom CSS section.

.navi-prev-title {
    font-size: 12px;
    color: #c1c1c1;
    text-transform: none;
    font-weight: normal;
}
.navi-next-title {
    font-size: 12px;
    color: #c1c1c1;
    text-transform: none;
    font-weight: normal;
}
 

/* SINGLE POST NAVIGATION - PREVIOUS / NEXT */

.navi-previous-next {
    margin-bottom: 35px;
    margin-top: 35px;
}

 .navi-previous {
    width: 49.5%;
    float: left;
    position: relative;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    padding-top: 20px;
}
.navi-next {
    width: 49.5%;
    float: right;
    position: relative;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.navi-previous img{
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 1;
}

.navi-next img{
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    z-index: 1;
}

.navi-previous a{
   display: block; 
   font-size: 14px;
   text-transform: uppercase; 
   font-weight: 700; 
   color: #222; 
   font-family: Open Sans;
   text-align: left;
}
.navi-next a{
   display:block; 
   font-size: 14px;
   text-transform: uppercase; 
   font-weight: 700; 
   color: #222; 
   font-family: Open Sans;
    position: relative;
    margin-left: 10px;
   text-align: left;
}

@media (max-width: 480px) and (min-width: 0) {
     .navi-previous {
      overflow: hidden;
      float: none;
      margin-bottom: 10px;
     margin-top: 30px;
     width: auto;
   }
  .navi-next {
    margin-top: 10px;
    width: auto;
    float: none;
    overflow: hidden
   }
}

Then disable the inbuilt theme post navigation from the theme panel. Guess it should work.(You can edit the css to your liking).

I would recommend using a child theme when doing this.

• This reply was modified 8 years by ctoweett.

Thank you Simion C. – it work 🙂

Thanks epickenyan. I’ll try to do that 🙂