When this happened for the first time, the admin was also confused to death, even though the day before the admin had confirmed that there were no problems with the CSS template, but a few days later suddenly there was a change in style, additional margins and padding that came from who knows where, which made the appearance The blog is messy and even some of the widgets are messed up.
The admin was initially not suspicious of the CSS Bundle, because the admin had already deactivated this CSS by changing the blog's CSS style and no longer relying on the blog's default CSS, but after investigating, for some reason the influence of the CSS Bundle still had an impact on the appearance of the blog.
The following are some of the damage to the appearance of the blog due to the Blogspot CSS bundle:
- The widget's margin or padding suddenly changes
- The width of the blog becomes narrower and interferes with the size of the thumbnail column
- The header is wide and interferes with the ads next to it
- The style list in the sidebar is damaged or truncated
- The footer display becomes messy and less responsive
- The font suddenly becomes larger or smaller
- Some CSS doesn't work
- Some Widgets also don't function properly
- And various other problems.
THE RIGHT SOLUTION TO OVERCOME CSS BUNDLE
It turns out the solution is very simple, just put a short script to hold the CSS Bundle so that it no longer interferes with the appearance of your blog. So... Please copy and paste the short script below right above the code </head>
<!-- Remove CSS Bundle -->
<script> $("[href$='css_bundle.css']").remove( ); </script>
After that, save your blog template and try to see the results.
ADDITIONAL:
For HTML 5 Support blogs, it is possible that some widgets will change position after installing the script above. For CSS3-dominant templates, there may not be any significant problems, at most it's just the layout that needs to be spruced up a bit.
