This post will show you some handy CSS Tricks to customise your website. This page will be updated regularly.

How to add Custom CSS

The best and easiest way to add custom CSS is to use the Customizer. In your WordPress dashboard, go to Appearance > Customize. Then click on Additional CSS. You will have something that looks like this.

CSS Tricks


Change selection text colors

Selection text by default is the standard popcorn theme colors. To change this, use the following CSS.

::selection {
  background-color: #f25a54; 
  color: #FFFFFF; 


Bold Menu Items & Font Size

Use the CSS below to bold menu items and change Font Size in popcorn theme.

#main-menu li {
    font-weight: 600; 
    font-size: 18px;

Hide Elements

Remove images on related posts

This CSS snippet will remove the image from related posts section on each post.

.popcorn-related-posts .wp-post-image {
    display: none;
Share your thoughts
{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}