Increasing the space between top menu box and first post
-
I need help increasing the space between my top menu bar and my first post.
(FYI — I am a CSS novice.)
I used a workaround to acheive a lightbox feel when an image is clicked on, however when done, the image doesn’t gray out the header or menu. I’m looking at increasing the spacing between the top menu and my first post in effort to allow enough space to where the header and menu do not effect my photo when clicked on.
Any help in achieving this would be greatly appreciated!
The blog I need help with is: (visible only to logged in users)
-
All CSS editing here is theme specific. The only Volunteer who regularly helps with CSS editing will not be able to help you without you providing an active link to the blog in question starting with http://
-
-
Thanks for posting that link as thesacredpath will need it when he is available to help you.
-
-
-
@thesacredpath
See here for what you can do with the “thickbox” class and you don’t even need the CSS upgrade to do it. http://sensicology.wordpress.com/2009/07/05/pop-up-picture-box-thingy-for-wordpress-blogs/ -
First time I’ve ever tried to sort out the thickbox thing. This can be fixed with a CSS hack by change the z-index in #branding to 99 instead of 9999. It doesn’t look like you have the CSS upgrade though, so this is something staff will have to fix. I’ll tag this to have it moved to the themes forums so that hopefully staff will see it and fix it.
Since using this for normal images was never really the intent, I don’t know if they will fix it or not.
-
Actually from rereading, I see that you may have the custom design upgrade. Add the following to your CSS.
#branding { z-index: 99; } -
Perfect! It worked!
If I wanted to increase the “white”portion of my site w/out increasing the size of the photos or text, what css would I need to add?
Thanks!
-
Also, in Firefox, my Flickr photos at the footer are rendering a lot larger than in other browsers, enough to where it’s overlapping with another column. Is there anything I can do?
-
The flickr widget thing is something staff need to look into I think. I’ve tried several things and cannot get it to narrow to fit the available area.
To increase the white space at the sides, adjust the max-width value below and then adjust the percentage left/right margin value (7.6% originally) to get the look you want. Being a reactive design, widths and margins and such in twenty eleven are different from normal fixed width themes.
.one-column #page {
max-width: 690px;
}.one-column #content {
margin: 0 7.6%;
} -
Rats, I forgot my code tags.
.one-column #page { max-width: 690px; } .one-column #content { margin: 0 7.6%; } -
-
-
Looking at the html source for the Flickr Badge, it looks like the images are exactly the same in both browsers if you open one of the images directly: http://farm7.staticflickr.com/6060/6384333529_629bdd1ed0_m.jpg
From what I can see, the larger image size that you see in Firefox seems to be what is intended. But this line from Twenty Eleven’s CSS seems to make the images even smaller than they should be.
.entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ }I’ll see what else I can find out about this.
- The topic ‘Increasing the space between top menu box and first post’ is closed to new replies.
WordPress.com Forums 
