Monday, July 10, 2017

Code Snippets: Styling A Content Box


One of my favorite ways to pretty up some content is it create a dashed box. Here is a simple version that can be easily customized to match your theme.

/* Dashed Box */
#boxstyle {
background: #fff url();
width: 80%;
border-radius: 50px;
padding: 25px;
margin: 0 auto;
border: #333333 1px dashed;
}

Put this code in your Blogger Template by going to Theme > Customize > Advanced > Add Custom CSS.

Then to add it around specific content, create a div with the id boxstyle:

<div id="boxstyle">
Content goes here.
</div>


Background:

You can change the background color or even add a background image if you'd like. It's best to lower the opacity of the image in an editing program first so the text in the box is more readable.

Width:

This sets the width of the area. It doesn't include padding, borders, or margins which we'll get to shortly. I like to set the width of the box a bit smaller than the rest of the content such as 50% to 80% to keep the text more compact and have it stand out from the rest of the content more.

Border Radius:

This gives the rounded corner look. You can adjust this number to your liking or remove this bit of code if you'd prefer.

Padding:

This sets the padding area on all four sides of the element; the space between the text and the border.

Margin:

By using 0 auto, it centers the whole box on your page. If you prefer to not have it centered, you can remove this bit of code.

Border:

Change the border color, border width, and border style here. There are several other border styles to choose from such as solid, dotted, double, or grove.

Wednesday, July 5, 2017

Succulent Animal Planter Enamel Pins Are Here!!

All Kickstarter pins are shipping out today! You should receive an email (to the email listed on your Kickstarter) from PayPal with the shipping details. I also added the leftover enamel pins to the Zinnia Moon shop.

Note: There is a limited amount of the bunny pins available at this time because there was an issue with the batch. The manufacturer sent less than half of the bunny pins and will be redoing the rest of them soon.




Thank you all so much for your support and patience! Stay tuned for my next Kickstarters!

Monday, July 3, 2017

New Aura Quartz & Fiber Art Jewelry

More additions to the Zinnia Moon shop! Here are some gorgeous aura quartz rings made by Valeria of Tesoro.




And some pretty wire wrapped earrings that I made (under brand name Amanda Maciel on Zinnia Moon)




More shop updates coming soon!!

Sunday, July 2, 2017

Flower Flamingo Enamel Pin Kickstarter Funded!

The Kickstarter has been funded! Thank you everyone!


Unfortunately, we didn't meet the stretch goals. However, I triple checked the survey answers and the cost of everything. I will still be ordering the minimum amount of enamel pins of the Flower Flamingo design but since there is a tiny bit leftover money. I can put that towards only one of the stretch goals and I’ll pay the difference.



Based on the feedback from the backer-only survey I sent out in a Kickstarter update, the Purple Flamingo won over the Darker Pink Flamingo design:


Someday I'll be able to get the Darker Pink Flamingo design made as well!

Production time will be 4-6 weeks and after I receive them, I'll most likely ship them out all the Kickstarter rewards the same day. Then I’ll list the remaining pins in the Zinnia Moon shop. Most pledged for the Flower Flamingo design so there will be a very small amount available in the shop.
Zinnia Moon © . Design by FCD.