How to Edit/Style Blogger Post Labels?

When you added the Post Labels by going to Layout>>Sidebar/Footer>>Add Widget>>Labels, and you are not happy about how it looks like. You can do this to edit/style it:
  • Go to your Blog's Theme and click "Customize>>Edit HTML". 
  • Click anywhere in the page and press Ctrl+F to find this: ]]></b:skin>
  • Copy & paste these HTML codes just above it and click Save.

/*--------------------POST LABELS---------------------*/
.Label a
    {padding-left: 20px;
    background: #e95875;
    padding: 0 8px;
    color: #fff!important;
    border-radius: 100px;
    -moz-border-radius: 100px;
    height: 32px;
    line-height: 32px;
    text-transform: proper;
    text-decoration: none;
    border: none !important;
    -webkit-transition: all .3s ease-in-out !important;
    t: 30pxt: 30px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    font-size: 14px;}

.Label a:hover
    {color: #fff !important;
    background: #31bbbb;}

It will now look like this:


 You can edit it depending on how you want it.

If you need help, just comment in this post and I will try my best to help. Please follow & share my blog if you find this helpful.

Post a Comment