How to remove padding and shadow in blogger?

Hi,

Anybody here have an idea how to remove shadow and padding in blogger for mobile view.

In desktop/laptop view its fine but in mobile, still showing a very big padding and shadow and I couldn't even change the text that being set to justify.

Again go to Template > Edit HTML and find your CSS section. Look for text-shadow and remove the declaration or change the value to nill.

Click the title of your Simple theme blog in the “Blogs” section of your Blogger main dashboard to go to the dashboard for that blog.


Select “Template” on the left sidebar to access the Template screen and then click the “Customize” button under the blog thumbnail to go to the Blogger Template Designer page.


Select “Advanced” on the left side menu on the dark gray Template Designer settings navigation bar at the top of the page to reveal the Advanced settings menu.


Scroll down to the bottom of the menu and select “Add CSS” to open the Add Custom CSS field where you can add code to override existing styles.

Add custom CSS code to the field to remove the headline, image border and background border shadows. For example:

.Header h1 { text-shadow: none; } .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { -webkit-box-shadow: none; box-shadow: none; } .content-outer { -webkit-box-shadow: none; box-shadow: none; }


Look in the preview pane below the navigation bar to see if Blogger applied the changes.

Click the “Apply to Blog” button at the top right corner of the screen to save the changes to your live blog.


Click the “View Blog” link to open your blog in a separate Web page tab to see the changes in full-screen.

Again go to Template > Edit HTML and find your CSS section. Look for text-shadow and remove the declaration or change the value to nill.