That little border around my picture on my blog header from the Minima template drove me crazy!! I couldn’t always get it to match the background color all the time, and I hated the way it looked! Here is how to get rid of it. This tutorial is from Sneaky Momma Blog Design.
Here’s how to delete any border, HTML style: As always, download a copy of your current template before attempting to change it. Then, go to the portion of your code where the offending border is. Find the border code. It will look something like this:
border:1px solid $bordercolor;
Change the number of px to 0 or delete the entire line of code.
These are the steps I took to remove the standard minima template border from around my header:
I found my header section of code (near the top: /* Header).
I deleted the border code in two places (circled in red above.)
Then I previewed, liked what I saw and then saved.
It would have worked just as well if I would have changed the number before px to 0 in both places instead of removing the lines.
If working with HTML scares you a bit, you can always hide your header border by going to fonts and colors and changing the color hex code to match the same color as your background. Your border will still be there, but it will be camouflaged. This only works on solid colored backgrounds, though. Having trouble finding the exact shade of your background? Click here to download a free color picker. It will give you the six digit code for virtually any color out there.
Leave a Reply