Customizing Grid Focus (Header, Blavatar, Footer)
-
Hello, I posted a previous thread but decided to close it as I’d answered my own questions by just playing around. Here is my blog:
Colours were easy to play around with and get right, however I need help with some “chunks” of text I can’t seem to figure out.
– How do I get rid of the “blavatar” box?
– How would I go about posting a custom header? I know this is a pretty broad question, but would I be able to post a pixel logo where the current title is, along with a little black and white Twitter icon on the other end where the blavatar box is? I can’t find code for this.
– I understand the footer is what it is (disappointing), but is the smiley separate code, or part of the package? That’d help a lot of ease my anxiety. Still don’t understand this; if your theme is essentially open source, why are you adding in this draconian protection that ruins the flow of the page? Especially since I’d imagine most people would continue to credit you. Oh well… I come from Blogger, so this stuff is kind of amazing to me.
Thank you for help.
The blog I need help with is: (visible only to logged in users)
-
Did you add the entire CSS sheet to the CSS edit window or did you select “add to existing…” and are adding just what you changed to the edit window?
To get rid of the blavatar, add the following or edit the background declaration of the #blogLead img section of the CSS and replace “URL_of_your_image” with another image you have uploaded to your media library.
#blogLead img { transparent url(URL_of_your_image) no-repeat scroll 0 0; }The existing header area is 970 x 64px. (Width is determined by the declaration in #wrapper.) I would suggest incorporating the logo into the header image. To add a header image to the existing area make a 970 x 64 header (you can make the height bigger if you wish), upload it to the media libarary and then put a background declaration into #masthead
#masthead { transparent url(URL_of_your_image) no-repeat scroll 0 0; }You will also want to add or make the following change so that your blog title will remain for the search engines to find, but will not be visible:
#masthead h1 a { color:transparent; } -
-
-
Mm, I actually have one more question. What if I want to just remove the avatar portion entirely for now? I tried removing the #bloglead portion, and all that did was remove the avatar’s framing, and pushed the little blue box up against my title.
-
-
Thank you. I’m sure you get tired of folks like me wanting others to do their work for them, but I actually have a pretty swank blog now and have definitely familiarized myself with CSS using this forum.
-
-
If you use Firefox, I strongly recommend downloading and installing the Firebug add-on and taking a half-hour or so to get to know it. Look through the website on how to use it. It makes figuring out what in the pages in controlled by what in the CSS very easy and also allows you to make changes on the fly to see the effects. I find it an incredibly useful tool when it comes to CSS.
- The topic ‘Customizing Grid Focus (Header, Blavatar, Footer)’ is closed to new replies.
WordPress.com Forums 