Wow! Thank you! I'm very excited about going home tonight and fixing my header with those tips...I want it to be a bit bigger and I want to get rid of that box around mine! Thanks so much :) Sparkette
I cant wait to read the tutorial on how to remove the line around it [my header] because I can't get a color that matches my background! :( Danita
The thin little border that comes standard around a minima template header drove me crazy until I learned how to get rid of it. Luckily, it's a fairly simple process.
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.