Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to remove Blogger CSS widget bundle

Tags:

css

blogger

I'm trying to write a blogger template from scratch. I've added some elements and styles to my template. But, I found that some other CSS stylesheets are included and they are also applied to the page elements as shown below:

enter image description here

The first CSS background rule was the only thing I applied in <b:skin> tags are the remaining were not from my styles. So, how can I remove them. I can overwrite them if they were right, but there are some wrong declarations(_height:100%)

like image 263
Gowtham Avatar asked Jun 04 '13 06:06

Gowtham


2 Answers

With the release of the new theme engine last year, Blogger has now made it easier to remove the default CSS and JS files that it includes in the template.

To remove them, add the following attributes to the <html> tag at the start of the template code (present under Theme 🢂 Customise) -

<html b:css='false' b:js='false' ...

b:css='false' - Removes the default CSS included by Blogger in the template

b:js='false' - Removes the default JS included by Blogger in the template

like image 76
Prayag Verma Avatar answered Sep 28 '22 04:09

Prayag Verma


Make a backup of your template first.

TO BLOCK BLOGGER CSS:

Find this:

<b:skin><![CDATA[lots-of-css-code]]></b:skin>

and replace with this:

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin>*/</b:skin>

Find this:

 <b:template-skin>bunch of code</b:template-skin>

and replace with this:

<link href='https://www.somewhere.com/yourstylesheet.css' rel='stylesheet' type='text/css'/>

or replace with this:

 <style>your-custom-css-here</style>
like image 20
costumingdiary Avatar answered Sep 28 '22 06:09

costumingdiary