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:
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%
)
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
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:
<style type="text/css"><!-- /*<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>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With