As you can see (if you've ever been here for sometime), I've always tinkered the templates I download, to make it more personal and to make it my own (of course, with credits to the original creator).
So far, I've managed to be quite familiar with how to make header and color changes. But for this post, I want to share how I manage to change my image border (which I've been longing to do ever since).
- First, go to your Page Element and click the Edit HTML link.
- Then, find the img you want to put border on. (It should look something like this). In my blog, I changed the appearance of my post image border (please take note that there are so many borders in the template so if you're aiming to change the image border in a post, look for it in the POST section).
.post img {
padding: 10px;
border:6px groove #000000;
- Then change the appearance of the border. Here, I used groove.
- To learn about the different kinds of border available for images, click here (this link is such a blessing for me because I keep forgetting the different kinds of borders).
I am still new with explaining HTML language so please bear with the explanation. I'm still trying to figure out how to improve the quotations, it's all a trial and error process for me.
I never had a background with HTML, it's a different field, and totally complicated. The most important thing to remember in trying to improve your template is to always be patient because there's a lot more error than success. But over the time that I've been editing premade layouts shared by generous and creative bloggers (like Lena of Simply Fabulous Templates), I discovered that you can learn it, and learn it well. Baby steps, baby steps (quote from Organizer Lady) and you'll finally be able to make your very own. And the sweat is all worth it.