New gradient templates

I was inspired by Katrina’s post last month about Pretty Gradients, and I created some really pretty premade Blogger templates for my shop.

subtle gradient blogger templates

To purchase: Beach Living, Spring Living & Hello Lover.

To see a live demo: Beach Living, Spring Living & Hello Lover.

I was only able to maneuver the gradients from side-to-side, rather than at a diagonal or up-and-down, because most of the browsers would cut off the gradient after so many pixels and start over – that looked really choppy, but luckily the horizontal or side-to-side gradient didn’t have that pesky problem.

All 3 templates have a subtle gradient, nothing too dramatic, as well as some pretty cool features. And if gradient isn’t your thing I offer to remove the gradient at no additional charge and replace with white or another color of your choosing.

If you’re nerdy and want to know the CSS I used here it is:

/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(left, #ffffff 0%, #EFD9E9 100%);

/* Mozilla Firefox*/
background-image: -moz-linear-gradient(left, #ffffff 0%, #EFD9E9 100%);

/* Opera: */
background-image: -o-linear-gradient(left, #ffffff 0%, #EFD9E9 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff ), color-stop(1, #EFD9E9));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #ffffff 0%, #EFD9E9 100%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to right, #ffffff 0%, #EFD9E9 100%);

I know, nerdy, but so cool!

Don’t want to miss any of my posts? Follow me on:



  1. Olya says

    Hi Carrie!
    What’s the font that you used for beach living and spring living templates? I know I saw it posted (here?) like 2 weeks ago. I spent last night 2 hours trying to find it in my history (for a personal project), scoured through your site AND my browser history… but no dice. HELP! :-)

    Thank you!
    Olya recently posted..Shoe organization and bedroom closetsMy Profile


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

CommentLuv badge