Hi everyone, I'm almost finished with my blog's redesign, but there's one part that I cannot seem to figure out. I outsourced this project, and the designer is in Africa or on vacation or something, and I absolutely need this last part done by tonight. If you check out the name tag area on the right sidebar, you'll see that it's contents are stacked ontop of each other. I need my name (Pat) and the description below that on the right hand side. Here's my site: http://www.smartpassiveincome.com This is the code i have in a widget area that was created for this about me area: <div id="text-451696734" class="widget-1 widget widget_text"> <div class="textwidget"><img src="http://www.smartpassiveincome.com/wp-content/themes/greenbach2/images/about-box-video.jpg" width="144" height="113" /></div> </div><div id="text-451696735" class="widget widget_text widget-2 widget-last"> <div class="textwidget"><img src="http://www.blazersix.com/clients/smartpassiveincome/wp-content/themes/greenbach2/images/pat.jpg" alt="Pat" width="123" height="40" /> No, I'm not a millionaire, but I am living off of passive income made online. I'm here to show <a href="http://www.smartpassiveincome.com/about/">you what I've learned...</a></div> </div> <div style="clear:both"></div> Code (markup): and here's my CSS for the about me area: /* SIDEBAR ABOUT ME */ #sidebar .about-box { padding:5px; margin-bottom:15px; } #sidebar .about-box p { margin:0 0 3px 0; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #sidebar .about-box .widget-1 { float: left; width: 144px;} #sidebar .about-box .widget-2 { float: right; width: 144px; font-size: 11px;} #sidebar .about-box .widget-2 img { display: block; margin: 0 0 3px 0;} #sidebar .about-box-head { color:#FFFFFF;} #sidebar .about-box-head h1 { text-align:center; font-family:"Trebuchet MS";font-size:24px; margin:0px; padding:0px; } #sidebar .about-box-body { background-color:#FFFFFF; padding:5px; } #sidebar .about-box-foot { margin-top:15px; } Code (markup): I'd gladly pay someone $10 bucks via paypal for this quick fix (er I hope it's quick) if you want. Any help? Thank you so much. -Pat
problem solve? i think you just need change width only....change 144 to 135 #sidebar .about-box .widget-2 { float: right; width: 135px; font-size: 11px;} and make margin valuefor your PAT image.... #sidebar .about-box .widget-2 img { display: block; margin: 0 0 3px 30px;} /* SIDEBAR ABOUT ME */ #sidebar .about-box { padding:5px; margin-bottom:15px; } #sidebar .about-box p { margin:0 0 3px 0; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #sidebar .about-box .widget-1 { float: left; width: 144px;} #sidebar .about-box .widget-2 { float: right; width: 135px; font-size: 11px;} #sidebar .about-box .widget-2 img { display: block; margin: 0 0 3px 0;} #sidebar .about-box-head { color:#FFFFFF;} #sidebar .about-box-head h1 { text-align:center; font-family:"Trebuchet MS";font-size:24px; margin:0px; padding:0px; } #sidebar .about-box-body { background-color:#FFFFFF; padding:5px; } #sidebar .about-box-foot { margin-top:15px; }
Thanks everyone for your replies. I got a PM from someone who helped me figure it out about 10 minutes ago. This forum rocks - so many friendly people. Thanks again everyone! -Pat