Adding Box Shadow to Beautify Blog Appearance
POST Adding a Box Shadow to Beautify the Appearance This blog was created to clarify the answers to a visitor’s question on the page Consultation.

Asked, how to make gradients / strokes on the right and left edges of the page like this CB. The point is “box shadow” (box shadow) on the left-right edge of the blog display.

Box Shadow does not affect SEO and loading speed. It only serves to “beautify” the appearance of the blog. It also only appears on the Desktop view, not in the mobile version.

Well, if your blog wants to also display Box Shadow like this CB blog, here’s the code:
.outerpic-wrapper {

box-shadow: 0 10px 10px #999;
-moz-box-shadow: 0;
overflow: hidden;
-webkit-box-shadow: 0 10px 10px #999;


The “outerpic-wrapper” code is the CSS code in this template, which is the main area of ​​the blog. Each template may be different, others may be named “outer-wrapper” or “main-content”.

So, check your blog template first, and add the code if you want to Add a Box Shadow to Beautify the Blog Display. How to check it, hover the mouse over the main content area, then right click, and select “inspect element”. The CSS code name will appear.

New Johnny Wuss V2

Good Luck!