FYI: blogger -simple theme-
If you'll notice, there's a shadow between my background and the accents.
arrow, says |
It's super easy as I thought it would be. Easier than A, B, C but you'll have to count from -steps- 1, 2, 3 to achieve the look you desired.
Let us begin,
step 1: GO TO TEMPLATE
step 2: click EDIT HTML ⃗ PROCEED ⃗ LOOK FOR CONTENT-OUTER
step 3: replace the code under the content-outer -up to margin only- with the code below.
.content-outer {
-moz-box-shadow: 0 0 8px 8px #F2F2F2;
-webkit-box-shadow: 0 0 8px 8px #F2F2F2;
-goog-ms-right-left-shadow: 0 0 8px 8px #F2F2F2;
box-shadow: 0 0 8px 8px #F2F2F2;
margin-bottom: 8px;
}
BLUE: the contents you'll change by the code above.
RED: shadow width. change it if you want your shadow to be thicker or thinner.
PINK: shadow color. customize it with your choice of color. hues to use from colorcodes.
voila! you're done.
Don't forget to SAVE the template. goodluck
find it helpful? lemme' see it below :)
No comments:
Post a Comment