Beautify Your Blog || Deleting the Photo Shadow

A few weeks ago I helped host a blogger round table all about blog design. There seemed to be a lot of the same questions from bloggers - they all wanted a simple fix for similar problems. Rather than just share it with the few ladies at the round table, I wanted to share it with all of you. Because we all deserve a pretty blog, even if we don't have the funds to purchase one. So here we are with my new mini-series beautify your blog. Today's topic? Deleting the Shadow Box Around Your Photos.

----------------------------------------------------------------------

The default for most layouts puts a pesky little shadow border around every photo. Today I am going to give you a few simple steps to get rid of that irritating border.

1. In the left sidebar of your blogger dashboard click "Template".
2. Under the Live on Blog thumbnail click "Edit HTML".
3. Use Ctrl F to open finder and type in the following: .post-body img
4. That search will pull up the following code

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
} 

5. Replace the bolded lines with:

-moz-box-shadow: 0px0px0pxtransparent!important;
-webkit-box-shadow: 0px0px0pxtransparent!important;
box-shadow: 0px0px0pxtransparent!important;
}

6. Click "Preview Template".
7. If it looks good click "Save Template".

8. You're good to go! Have a happy day!

What tutorial would you like next?

Anything you want to learn to beautify your blog?

Beautify Your Blog || Center Your Header

A few weeks ago I helped host a blogger round table all about blog design. There seemed to be a lot of the same questions from bloggers - they all wanted a simple fix for similar problems. Rather than just share it with the few ladies at the round table, I wanted to share it with all of you. So here we are with my new mini-series beautify your blog. Today's topic? Center Your Header!

----------------------------------------------------------------------

For most templates and layouts - the header automatically sets to the left. Today I am going to give you a few simple steps to center your header behind or instead of the title and description. 

1. In the left sidebar of your blogger dashboard click "Template".
2. Under the Live on Blog thumbnail click "Customize".
3. In the left sidebar of the customize dashboard click "Advanced".
4. Scroll down to the last advanced option - "Add CSS"
5. Add the following code to the "Add Custom CSS" Text box:

To center your header INSTEAD of Title and Description:

#header-inner img {

margin-left: auto;

margin-right: auto;

}

To center your header BEHIND the Title and Description:

#header-inner {

margin-left: auto;

margin-right:auto;

}

6. Click "Apply to Blog".
7. You're good to go! Have a happy day!

What tutorial would you like next? Anything you want to learn to beautify your blog?

-don't forget to enter the Blog Design giveaway-

Self Promotion and Roundtables

Awhile ago I took the liberty of doing a little self promotion... and it paid off a little more than expected.  Miss Bonnie emailed me a few weeks ago to request my presence and knowledge (if you can even call it that) at the next Grow Your Blog Round table event. Flattered. Seriously.

And so, I present to you from...

I've been doing Bon's design for a little while. And all this text now comes from her..

"My girl, Deidre, who is always helping me with design questions, is going to show us the basics of making our blogs beautiful.  Design, headers, editing pictures, everything you want to know but don't know where to go to ask.  It will still be a "roundtable" format, but may be a bit different as Deidre will have the stage to show us how to do all that tricky html and design stuff.

If you are in the Provo area (or anywhere close) come join in!  Bloggers of all degrees/levels/commitments are welcome - the last two months we have had a range and it made for such insightful conversation.  I know it is scary to show up at a blogging thing all by yourself to meet random girls you have only seen online.  But I promise within minutes we're all friends and laughing away.  You won't regret it.   I would have killed for something like this in my first months of blogging.  Even now, it is a very valuable resource to me.  Also, I know this title may sound somewhat threatening.  Basically we're just trying to figure out the 101 on how to make our blog sexy.

Interested? Jump on board already! $10 reserves your seat.  Email Bonnie at thelifeofbon@gmail.com asap because spots be flying like flipping pancakes.  I so want to meet you!"

But I can't wait to meet you either. And give you a little Blog Design 101. Looking forward to meeting you all. And trying to provide you with the random knowledge I have stored in my brain. Hopefully it becomes a good tutorial rather than a scattered mess of crapola. What would you love to learn about design? 

Love,
Deidre

A Little Self Promotion.

Today I don't have much. With Adam off being an athlete I don't have much motivation to go explore and live life. Mostly because I have spent all week watching One Tree Hill and I am pretty sure you don't want a recap of the episodes. But if you do, let me know.

Besides watching too much TV and Netflix and Hulu... I have a serious problem... I have spent a lot of time designing. And so here I am to do a little self promotion. I enjoy designing, it is really therapeutic for me. And so if you need something. Let me know. Blog design, web design, invitations, decorations, so on and so forth. I got you. You can see a very small sampling of my work here. And I will also show you one my latest designs...

For those of you who don't know, after my years competing in pageants I was very sad to not be involved anymore. So I am not volunteering on the Miss Idaho board as the Public Relations Chair. Which is why I got to design all of their blog and webpage. And now... Well. That is about it. Let me know if you need anything by emailing lovetheskinnys@gmail.com. And enjoy your weekend which will probably be more eventful than mine.

Love,
Deidre