RSS Feed for This PostCurrent Article

How to Add a Testimonial Shadowbox


In this WordPress training video, we are going to show you how to add a testimonial shadowbox to your WordPress website just like we have on our homepage at GFYDMember.com First thing you will want to do is copy and paste this url… http://gfydmember.com/wp-content/themes/wpdreamtheme20/images/shadow600.png and put it into your browser and save it to your desktop or somewhere on your computer. Then when you watch the video you’ll be ready to follow along.

CSS CODE

.shadowbox {
width: 600px;
margin: 0 auto;
border-bottom: none;
padding-bottom:43px;
background: url(http://gfydmember.s3.amazonaws.com/shadow600.png) bottom center no-repeat;
}

.shadowbox .box {
border:1px solid #ccc;
padding: 15px;
}

HTML CODE

<div class="shadowbox">
<div class="box">
Put your content here.
</div>
</div>

EnJOY!!

~Kimberly

About the Author

Kimberly Bohannon is extremely passionate about helping you learn how to create a WordPress website in simple, easy to follow steps with no prior experience required so you can update, manage and control your site yourself. She and her team have put together WordPress training tutorials that are available RIGHT NOW!

Comments (0)

Trackback URL | Comments RSS Feed

There are no comments yet. Why not be the first to speak your mind.

Post a Comment




If you want a picture to show with your comment, go get a Gravatar.