johnthompson008

Figured it out.

Thanks. Not having any luck with the first. I tried that when i was fooling with things, i thought it should work too. Could there be something else blocking it? here’s the Custom CSS i have presently. (I tried both adding it to the #access that was already there, and alternately just adding it again at the bottom, didn’t work either time. Haven’t played with the second yet.)

#attachment-nav a img {
border: 3px solid #B7B7B7;
}
#site-title {
font-family: “Oswald”,sans-serif;
font-size: 32px;
left: 15px; margin: 0;/*the other stylesheet has margins declared;
delete it or override here as {margin: 0;}*/
letter-spacing: 1px;
position: absolute;

}

#access {
margin-top: 99px;
}

#access ul {
background-color: rgba(17, 17, 17, 0.5);
font-weight: 600;
list-style: none outside none;
margin: 0;
padding: 50;
text-align: middle;
text-transform: lowercase;
}

#access li { /*style.css has float set; delete or set float
here as none*/
float: none
display: inline-block;
margin: 0 0.5em;
padding: 0;
position: relative;
vertical-align: top;
}

#access ul li:nth-child(2) {
margin-right: 155px; /*the separator*/
}

#access a {
padding: 69px 6px;
}

Thanks, I’ve gotten this far!

http://john-messenger.com/

Main things I’m struggling with now are to increase font size of all menu items, and shift the entire menu grouping to the left. I’ve tweaked it so it should space out just right if i can get the whole menu bar to left justify. couldn’t figure that one out.

Ah, one more thing. Now that i’ve adjusted padding to 6px the spacing is great (between links, not overall) but i will want just the “home” link (which is permanently highlighted in what is now “peru” which was a typing accident in Firebug that i really liked Tongue ) to have the peru colored portion around it be wider, that is to say, to have a little bit more space between “home” and “poetry” than the rest. I really like how that one chunk of color stands out in contrast to the rest of the black and white, but if it’s too narrow it doesn’t accomplish the balance if that makes sense. I’d like to give just “home” a padding of 20px

I think i’m starting to understand CSS enough that i get how to type commands, but even with firebug i still really have trouble finding the right selectors. I’ll get there. I really appreciate your help.

Thanks!

John

Sorry about the multiple posts, i stopped getting responses on this one and thought maybe it had moved to the bottom of the pile and people weren’t seeing it anymore or something.

Anyway, so you’re suggesting just putting the tree as the background image the way i had it, and then moving the whole menu bar up over it? Any ideas to get me started on how to try that? Also how to move apart the menu links to make space for the image to pass between them?

I’m starting to kind of understand how to modify things myself as people give me specific examples of how to do a thing i’m asking for. once i’ve done it with one thing, i get it and can do it with other things. so i’m now able to individually edit all the fonts all colors for individual menu items, a different post someone helped with doing it on one. but now i need to understand what it looks like to move individual menu items, or specific groups of menu items.

Thanks!

=============RE:

Okay here’s my website:

http://john-messenger.com/

Here’s what i’m trying to do. I’m new to CSS but I’m using Firebug to locate the elements I want to edit and playing around with trying to manipulate them. A lot of trial and error. But i want to do a few things that seem complex to me. The tree logo that is at the top, i want to move it down so that the words are just above the top of the menu bar and the image of the tree passes thru the menu bar, tree top in the header, roots in the body, and the menu items parted in-between “poetry” and “creative non-fiction” So i want “poetry” and “non-fiction” on the left side of the portion of the tree image going thru the menu bar, evenly spaced on their side, and all the other menu links on the right, evenly spaced on their side. I potentially want to invert the color of the tree trunk where it passes thru the menu bar from black to white so that the lines of the image don’t get lost passing thru the black menu bar. At this point, i would be happy if i was able to make any of the menu items move their positioning individually (so far i’ve only been able to affect them by changing their padding and thus squeezing them all or widening them all). Also, i would be happy if i could move the tree…at all. I figured how to move my head shot on the home page by adjusting the margins:

.alignleft {
float: left;
margin: -25px 10px 10px 0;

But the tree doesn’t give me pixels to play with, all i can find with Firebug relating to the trees alignment is:

#site-title img {
vertical-align: middle;

Which doesn’t do anything when i play with it.

Help!

Thanks

Thanks!

Okay I’m studying HTML and CSS trying to get a grip on things here, in the meantime I have another specific question. I have somehow managed to get one of my png saved images to show at a decent size, as shown on my site:

http://john-messenger.com/

I took this same image out of microsoft publisher where i designed it, imported it into Gimp, made the background transparent, and then scaled the image by 50% (as i did in the image posted in the header now) and wordpress made it HUGE and fuzzy. So i went into gimp and scaled it again by 50% and uploaded it into my header and wordpress expanded it to the same giant size, only it was MORE fuzzy since it was expanding a smaller image. why is this happening? it’s still a png file, which seemed to be the golden ticket as far as getting any image to show up the way i sized it.

Thanks!
john

AWESOME!!! It worked! Can I change color and size with CSS…

I went into Pages, then clicked Edit on one of my pages, is that where there is a meta box? I still don’t see it. And have no idea where my category edit screen is? I’m very new to wordpress, still very much floundering.

Thanks