Moving picture below title up?
-
I’m trying to figure out how to move the image up more towards the title. See, the homepage has been edited and I’m trying to match the about me title with the black line the same way. But I have no clue to do it and I have searched endlessly till my eyes crossed. Here is my blog:
http://postwittycommentshere.wordpress.com/about/
Please help! And this helps: the code on my about moi that I’m trying to alter the space:
<img src=”http://postwittycommentshere.files.wordpress.com/2010/09/newtitle.jpg” width=”439″ height=”32″ />
And the code on my homepage that does work, but does not on my about moi:
<p style=”padding-top:12px;padding-bottom:8px;”><span style=”font-size:xx-large;font-weight:bold;”>Greetings everyone!</span></p>
<img src=”http://postwittycommentshere.files.wordpress.com/2010/09/newtitle.jpg” width=”439″ height=”32″ />
The blog I need help with is: (visible only to logged in users)
-
To move the image upwards, you would add a negative top margin:
<img style="margin-top:-24px;" src=[etc. etc.]
But this won’t do in your case, because you’ve got the double divider line below the title. You’re comparing two different situations: about page with normal title, home page with title as part of the content. To make them similar, you need to delete the title of the about page and add it to the beginning of the main body, as you’ve done with the home page. But then you’ll have no About tab in the header; to overcome this, you must create a custom menu:
http://en.support.wordpress.com/menus/And another note on coding: “span” is used for isolated words or phrases within a paragraph: there’s no point adding a separate span tag for the content of a paragraph. Your Greetings code should be:
<p style="padding-top:12px;padding-bottom:8px;font-size:180%;">Greetings everyone!</p>
(I’ve replaced “xx-large” with a percentage, as this gives you better control over size; but the actual number I put is just an arbitrary example – you can change it, of course.) -
You have made your “home” page into a static page. “Home” is the name of your front page in your navigation bar—this is built in to the structure of your theme. You can name this page whatever you like, but in the navigation bar it will be called “Home.”
What you’ve done is to give that page a pseudo title:
<h1 class="pagetitle">TITLE SHOULD GO HERE</h1> <div class="entry page clear"> <div class='snap_preview'><p <strong>style="padding-top:12px;padding-bottom:8px;"><span style="font-size:xx-large;font-weight:bold;"></strong>Greetings everyone!</span></p> <p><img src="http://postwittycommentshere.files.wordpress.com/2010/09/newtitle.jpg?w=439&h=32" width="439" height="32" /></a></p>The bold part in the code above is what makes the words “Greetings etc” look like a title, but it is not really the title. You have left the title of the page empty.
The padding moves “Greetings etc” down and the image follows.
Your “About” page is a static page, with the title “About MOI” and the theme is built so that there is a set amount of space below the page title. So if you want the image closer to the title, you will need a negative margin:
<img style="margin-top:-50px;" src="http://postwittycommentshere.files.wordpress.com/2010/09/newtitle.jpg?w=439&h=32" alt="" width="439" height="32" />I don’t know if -50 is what you need or not: just experiment til it looks like you want it to.
-
-
-
The titles on your navigation bar make me wonder if you are planning to make posts on them?
Home All about moi Comment box Snap! My pictures Writing corner
You can have only 1 page to make posts on in a blog: you have designated “Writing corner” as your posting page. The other pages are static.
You might take a look at how pages and posts differ:
-
Thank you both.
panaghiotisadam:I changed the font size to font-size:185%. That was a great suggestion and worked. It now reads
<p style=”padding-top:6px;padding-bottom:8px;font-size:185%;font-weight:bold;”>Greetings everyone!</p>
<img src=”http://postwittycommentshere.files.wordpress.com/2010/09/newtitle.jpg?w=439&h=32″ alt=”” width=”439″ height=”32″ />.
The problem I am experiencing now is that I want to align the same line on the about moi page to match. Basically I want the image moved up just a bit. And for some reason I’m having difficulty.
1tess:Thank you as well! I didn’t quite get what you meant about all of this…
<h1 class=”pagetitle”>TITLE SHOULD GO HERE</h1>
<div class=”entry page clear”>
<div class=’snap_preview’><p style=”padding-top:12px;padding-bottom:8px;”><span style=”font-size:xx-large;font-weight:bold;”>Greetings everyone!</span></p>
<p><img src=”http://postwittycommentshere.files.wordpress.com/2010/09/newtitle.jpg?w=439&h=32″ width=”439″ height=”32″ /></p>I put the link in my homepage and it made the background my body, my links disappear, etc. Could you please elaborate for me? I do admit I’m not knowledgeable in the field of html coding and it’s been many MANY headaches for me.
You are correct my homepage is a static. The reason I did that is because I searched for any way to delete the second “home” tab. I tried many suggestions and the ONLY one that worked was a person suggesting not naming the other two pages (the blog and homepage that i had to create in order to have a homepage). So I did and made it a static. When I tried to change the blog to the static page and messed around with settings, it kept taking me to different pages and eventually I gave up and left it the way it is. =/
The last paragraph, are you saying to take off those pages in my navigation tabs? And make them posts? I liked the look of the pages being up there and would like to keep it if it’s possible by being able to make posts.
I apologize for not understanding. I’m really tired and my head is done in from courses at uni. Any help would be appreciated and thanks again1
-
Also, is it possible to move the titles down on the other pages to match my homepage? Thanks!
-
On the home page, you don’t have a real title. Panos was explaining how to make your “about page” the same as home page: without a real titles.
I was trying to tell you how to have the image closer to the the real title of the page.
either one works, depending how you want your other pages to look.
A blog with static home pages has less SEO than a regular wp.com blog. And you can have what ever kinds of static pages you like.
But what I’m asking is, ” Do you know that you can post to only one page?”
-
IMO, it is better to move your picture up (using negative margin) to the real title of your pages. Moving the image down, I’d think, would mean your pages in navigation tabs would have no names/titles, or you’d have double titles of the individual pages.
Panos???
-
okay, my code reads on my homepage:
<p style=”margin-top:-1px;padding-bottom:2px;font-size:185%;font-weight:bold;”>Greetings everyone!</p>
<img src=”http://postwittycommentshere.files.wordpress.com/2010/09/newtitle.jpg?w=439&h=32″ alt=”” width=”439″ height=”32″ />
I think I’m finally happy with it BUT I’d like the title “greetings everyone” moved down from the top. i’m trying to make the lines on both pages even with each other.
I believe I understand what you’re saying. I’m not trying to spilt my blog into pages. I do have one page on my blog and the rest are different pages.
It’s taken me days to fix one page and honestly I’d gladly hand over my password (I’d of course change my email and password from my original for safety concerns) just to get someone to save me a weeks worth of trouble.
I just want the titles moved down on all the pages. The lines in the image under tht titles lined up. and at the top where the menu is and you move your mouse over them and it says the name of each page gone. and the theme logo at the bottom. I think i can figure the rest out and have on my own with a little help so far.
Ahhh, and if someone could get my blog back on the page (writing corner) it should be instead of the home page. well, if anyone is really bored lol.
if not, i guess i’ll keep trying and praying. *sigh*
-
Right now, I see “Greetings everyone!” lower than the titles of your other pages. But it is not the real title of the page. You are using the default “home” page so it doesn’t have a title.
With a custom menu, you can change the title of your home page. Each page must have a title. It is built into the structure of your theme where each title will be. You can’t change that. (except on the default “home” page).
That is the reason I said that you should move your image up, by using the negative margin on the image.
Panos said:
To make them similar, you need to delete the title of the about page and add it to the beginning of the main body, as you’ve done with the home page. But then you’ll have no About tab in the header; to overcome this, you must create a custom menu:
http://en.support.wordpress.com/menus/But see: I don’t see how you can make a custom menu if you delete the titles of your pages. Maybe he has a trick up his sleeve that I’m missing.
I’m not sure what you mean by:
and at the top where the menu is and you move your mouse over them and it says the name of each page gone.
Do you mean that you don’t want any pages listed in the navigation bar?
-
and if someone could get my blog back on the page (writing corner) it should be instead of the home page.
Do you mean that you want that page to be hour home page?
-
“IMO, it is better to move your picture up (using negative margin) to the real title of your pages.”
IMO it isn’t, because it clashes with the grey divider line.
“Moving the image down, I’d think, would mean your pages in navigation tabs would have no names/titles, or you’d have double titles of the individual pages.”
Not if you use a custom menu, as I had already suggested.
“I don’t see how you can make a custom menu if you delete the titles of your pages”.
You go to Apppearance > Menus, add the pages to a Menu, click the arrow next to “PAGE”, write their titles in the “Navigation Label” field (then click Save Menu, then select that Menu in the Theme Locations module and click Save). Then you go to Pages > Pages, hover under each page title, click Quick Edit and delete the actual title of each page.
(But IM real O, all that is a needless complication because that image doesn’t fit with the overall design of the blog. I would delete the image and leave the page titles in peace.)
-
-
Also, deleting the page titles is going to mean that the page ID will become the page title as far as what the search engines see, and a number like 73 is not descriptive, and the search engines don’t like that much. They would much rather see the actual page title as part of the URL. It also limits searches as well, since if you delete the “about” page title, and then someone searches on the internet for “about user” there is less chance of them getting a return on your about page.
Just sayin’
-
Wow, thanks everyone. And a big thanks for explaining it in layman terms for us html challenged. : )
I set up the navigation bar. As well as took off my homepage as static. Now it directs me to my actual blog when I click on the “postwittycommentshere’s blog”. Which was a huge deal for me to get done. *whew*
I did attempt to delete the page titles through quick edit and the problem was, some pages would disappear from the navigation bar (i.e. homepage and all about moi). So I kept them and came back to thesacredpath’s comment about it messing with the search engine and might possibly keep my friends from finding me (As of right now I haven’t told many people since I want the blog to be done first before spreading the news to friends and family).
So I ask, should I keep the titles? I must admit I don’t like the home title being above my titles. =/ Is there perhaps a way to make them invisible?
About the image, are you saying delete the new image I have created below the title (the long brown stick thing attached to a leaf below “greeting everyone”)?
The reason I’m reluctant is because I wanted a line of some decorative form to be below the titles to look better. =/ Any suggestions?
I know I must be a pain right now, but believe me, I really do appreciate the help.
-
I think I need help with my “writing corner” section. For some reason it looks like my blog has disappeared and has a comment box instead of a “leave a message” text. Ugh, any ideas how to get all this back. I swear I didn’t edit anything else so I have no idea what happened to it.
-
@tsp: Not if you delete the titles after you have published the pages (the slug remains the same).
“I did attempt to delete the page titles through quick edit and the problem was, some pages would disappear from the navigation bar”.
I have answered that twice: if you delete the actual titles, you need to create a custom menu.
“About the image, are you saying delete the new image I have created”?
No, I meant the previous one.
“So I ask, should I keep the titles? I must admit I don’t like the home title being above my titles.”
Yes you should keep the titles (and then you won’t need a custom menu). Title your Greetings page “Greetings everyone!”, not “Home”, then select a parent for it in the Attributes module. That way you won’t have a redundant tab in your top menu (top menu displays parent pages only).
“I think I need help with my “writing corner” section.”
Go to Settings>Reading and select it as your Posts page.
-
Hmmm, OK. I was thinking I remembered deleting a title on a test post once and having it revert back to a number, but perhaps that was on an draft post.
- The topic ‘Moving picture below title up?’ is closed to new replies.
WordPress.com Forums 