Sample CSS Codes To Customize Related Posts by Taxonomy Widget

wordpresstips
(Jide Ogunsanya) #1

If you are using related posts by taxonomy plugin to display related posts on your WordPress sidebar, here are some sample css codes you can use to customize the display of the widget.

The code below increases the font size of the post title, removed the default underline and also changes the default font colour :

   .widget.related_posts_by_taxonomy a  {
        font-weight: 600;
        font-size: 18px;
        font-family: "Roboto", "Arial", sans-serif;
    	text-decoration : none;
    	color: #000;
    }

The code below hides the related posts widget on tablets and mobile phones :

@media (max-width: 800px) {
  .widget.related_posts_by_taxonomy {display:none;}
}

Read : How to display related posts on wordpress sidebar.

You can click here to learn how to use the plugin to display related posts below Wordpress posts.

Enjoy :slight_smile:

1 Like