Posted 2 years ago #
at the moment, my post title appears above a thumbnail and post excerpt. how do i move it to the right of the thumbnail instead?
i'm sure there's something very simple to alter, but being a beginner still, i can't find the right piece of code to change. my website is http://robots-and-spaceships.com/
It would be a lot easier to first move <?php the_post_thumbnail();?> in index.php so that it came before <h2 class="entry-title>.
Posted 2 years ago #
i don't have either of those in index.php
my whole index.php template is
[Code moderated as per the Forum Rules. Please use the pastebin]
would it be somewhere else?
If you have a loop.php file, try looking in there.
Posted 2 years ago #
ok, i found these similar lines in my loop file and moved the first higlighted line to underneath the second highlighted line... http://wordpress.pastebin.com/HQacmi91
that just seemed to move my post title to underneath the thumbnail though, which isn't quite what i wanted.
Correct - but that was only the first step.
Posted 2 years ago #
aha! sorry :)
so what is the next step after i've moved everything to underneath the thumbnail?
Posted 2 years ago #
i'm guessing i need to do something to the thumbnail code to make the text hang to the right of it? this is the code i have so far, which puts the thumbnail above all the other information... http://wordpress.pastebin.com/aNMWKSia
or do i need to add some code to all the other info to make it cling to the right hand side of the thumbnail?
Posted 2 years ago #
actually, i must be doing something wrong. i just noticed that when i move the post title and other info to below the thumbnail, he post titles disappear from my category page. very odd.
i'll put the whole code up on pastebin, because i have no idea where i'm going wrong...
code with post title above thumbnail http://wordpress.pastebin.com/9Nq0qcCc
code with post title below thumbnail (but post titles disappear in category page) http://wordpress.pastebin.com/MRT4Xsd5
roughly line 122 onwards on both dumps.
Don't edit the Twenty Ten theme! Your changes will be over-written the next time you upgrade WordPress or the theme. For this reason, it is recommended that you consider creating a child theme for your customisations.
Posted 2 years ago #
i've created a child theme. i'm assuming i've done it correctly?
Posted 2 years ago #
ah, that looks much better. and now what's the process of getting the thumbnails to float to the left of all the text?
Edit style.css and change:
#content .entry-title {
color: #0066CC;
font-size: 18px;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 0;
}
.entry-content, .entry-summary {
clear: both;
padding: 6px 0 0;
}to:
#content .entry-title {
color: #0066CC;
display: inline;
font-size: 18px;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 0;
}
.entry-content, .entry-summary {
padding: 6px 0 0;
}
Posted 2 years ago #
wow, that looks absolutely brilliant. thank you so much for your help and patience.
i promise not to ask quite so many silly questions from now on :)
No problem. And the question/issue was far from silly. :-)
Posted 2 years ago #
good, in that case, just one last (hopefully not too silly) question.
which line do i need to change to make the "posted in <category>, comments" line hang to the right of the thumbnail too? thanks in advance, you have been more than helpful.
You'd need to remove the clear:both; and add a float:left; to .entry-utility.
Posted 2 years ago #
fantastic. many many thanks!
This topic has been closed to new replies.
