How to Remove Quick Edit and Wrench Icons in Blogger

Methods:

Method 1: Removing Quick Edit Button or Wrench Icon with CSS:

Quick Edit Pencil or Wrench icon create ease of access to make changes in widgets if you want to remove quick edit pencil icon or wrench icon from your Blog so you can easily hide this by using CSS.

To remove this quick edit icon go to

                         TEMPLATE EDITOR  →  EDIT HTML →  PRESS CTRL + F
to Find this code </head>

Copy given below code and paste immediately before </head>                 

.qiuckedit{ Display:none;}

Method 2: Removing tag code from Template:

 

If you want to remove edit button or wrench icon completely from your template. Then this method is perfect for that. Just Go to

                                   TEMPLATE EDITOR → EDIT HTML → PRESS CTRL + F
to find this code and where you found this code remove all codes and save your Template.

<b:include name='quickedit'/>

Now your template is completely free from Quick Edit Pencil or Wrench Icon.

Method 3: Remove Quick Edit Pencil from Blog Post footer:

Sometimes quick edit button is also display in the footer of blog posts. If you want to remove this wrench icon Go to

Blogger Admin Panel  →  Layout Panel → Now in the right end of

Blog Posts  section there will be a Edit Button click on it → Then a pop up window will be appear then uncheck Box of “Show Quick Editing ” Option and then save template. 

SHARE THIS