bullet points in footer/ too much space at top of pages
-
Hey guys,
This is my first post on the forums after using wordpress for about 8 months or so. My site is here : http://www.experimental-electronic.com
I built it in photoshop and dreamweaver before fitting it to the sandbox theme using css. For some reason bullet points have appeared down in the footer area (I think its that area anyway, it’s hard to tell with everything else hidden).
There’s also a big gap at the top of the page where I guess the header is meant to be but that’s also hidden.
Can anyone tell me the best way to reduce the area at the top so that the page layout is almost right at the top of the screen? I designed the pages so that no scrolling would be needed when visiting.
Also, can anyone tell me why those bullet points are there and how to remove them?
Thanks,
Dylan
The blog I need help with is: (visible only to logged in users)
-
Your site is so completely broken.
Go to appearance > custom design, go to the CSS tab, delete everything in the CSS edit window and past it into a plain text file and then making sure the “add to existing…” button is selected, click “save stylesheet” to get back to square one.
-
Damn… it appears fine in the browsers on my computer. Can you let me know what you see? What’s broken?
-
I see virtually nothing except for two bullets at lower left and then what appears to be the entries for the menu scattered all over the page.
-
Well, the menu items are meant to be scattered but they should be aligned with a background image which includes lines and photo’s. I’ve used CSS to have a different background image on each page, which could be causing problems (I know it’s not exactly supported).
It’s not really a standard design with a top nav menu since I want it to be a kind of “portfolio” site with more of an arty/ abstract feel.
Do the buttons take you to pages?
-
No background image. In the CSS the background image is not loading.
This image, http://experimentalelectronictest.files.wordpress.com/2011/08/homepage1.jpg , reports a 403 access denied error. Is http://experimentalelectronictest.wordpress.com/ set to private by any chance?
-
Okay, so I loaded it up on a friend’s computer and I see why you thought it was totally broken. The menu images aren’t loading at all, and neither are the background images.
Is this likely to be because I’m linking to these images in a different blog’s gallery? I loaded it into a testing .wordpress.com site first and the image sources are still pointing to that blog’s gallery.
Or, it could be because they’re loaded inside divs?
-
The other blog seems to be set to private which means the images cannot be accessed from your main blog.
-
-
Okay, you’re right… I’d put it on private while testing. Sorry about that. How’s it look now?
-
Yeah I’m seeing the images now. The bullet points are from the sidebars #primary and #secondary. If you don’t want them then just hide them thus:
#secondary, #primary { display: none; } -
The entry title has a spot at the top above your stuff. This will hide it.
.entry-title { display: none; } -
Ah brilliant. Thank you! The other thing I’ve just noticed is that the pages are getting autonamed “previous post” and “next post”- I guess because they have no title, since I didn’t want that disrupting my layout. How do I target and remove the page title with CSS?
Also, I just had a read of your blog. Those photos of volcanoes in Hawaii are amazing!
Also, what about reducing that empty header space?
-
-
You need to go to settings > general and give your site a name and if you wish, a tagline to keep the search engines happy. You can hide them via CSS if you wish, but search engines really aren’t fond of sites with no title.
-
Ah yeah, I’d forgotten about that. I’ll do that now.
I noticed just now that the entire “live” page is shifted up relative to the other pages, even though it has the exact same css positioning (relative, width 935, height 900). Any ideas on this? I’d like the home and live buttons to stay in the same position they were in on the home page, and for the top line of writing (15.05.11) to be in line with the top image on the home page.
-
I’m not exactly sure what you are wanting, but try reducing the bottom value in #container #live_background #live_text_column_2 . You will then likely have to tweak some other element positioning such as the background image and the “live” text between the black blocks.
-
The “live” text between the two black boxes is part of the background image, not a separate image or piece of text on top. If you go back to home, click the live link, and watch the position of the word “live”, it shifts up. This doesn’t happen with the other links. It seems to suggest the entire live background (a 935×900 area) is shifted upwards on the page, when compared to the backgrounds of the other pages. I’ve tried shifting the text around and resizing the boxes it’s in but it hasn’t changed it. The pagename_background div on each page is positioned in the same way- it’s just relatively positioned, and then sized to 935×900. Should I enter an amount for the top positioning for the background divs on all the pages? Or perhaps for the container?
-
by adding top:16px to live_background it seems to have moved down into the correct position.
-
I’m not seeing the “live” link shift up when I click in in Safari or in Firefox on my Mac.
- The topic ‘bullet points in footer/ too much space at top of pages’ is closed to new replies.
WordPress.com Forums 
