>I have been trying to align title so that it doesn’t cover image
— which title and which image are you referring to?
>When I try to upload an image into the precoded thumbnail, it inserts it twice…
— the smaller image looks like it’s coming from a custom field. Are you also inserting the image into the post’s content?
Its the title across the header image “natural cures and natural remedies”
Yes, the thumbnail box is already provided in the code. I inserted the image by going to the created page and selecting edit and then uploading and posting the image to the page. You can see the image entered into the box on the editing page with the visual and html tabs.
When you go to preview the page – it is inserted in both places.
>Its the title across the header image “natural cures and natural remedies”
— go to line 218 of the theme’s style.css file and first change
.co_name {
font-size:1.2em;
font-weight:700;
margin-left:-160px;
padding:19px 0 0;
text-align:left;
vertical-align:top;
}
to
.co_name {
font-size:1.2em;
font-weight:700;
text-align:left;
margin-top 19px;
margin-right: 0px;
margin-bottom: 0px;
margin-left:-160px;
}
You can then edit the margin-top and margin-left values until you find ones that you like.
You can also add:
width: 500px;
to change how wide the text goes across the screen.
I also highly recommend the Firebug plugin for Firefox which will let you do this without actually saving and uploading the new stylesheet.
>I inserted the image by going to the created page and selecting edit and then uploading and posting the image to the page.
— So which image do you NOT want to have appear, the custom field thumbnail or the image you inserted into the post?
That didn’t budge it either.
I don’t want the image that is inserted into the post, however that seemed the only way to get it in either place – the other thing is that the custom image needs to be resized – how do I do that?
I’m using the wordpress editor that does not show line numbers ( by the by, how do you know what the line numbers is 218?)
Do you need me to copy and paste some code here?
I very much appreciate your help
>That didn’t budge it either.
— instead of using <!-- and --> to comment out the CSS, use /* and */. You also need to increase/decrease margin-top:19px; (try something like 30px or 50px)
>I don’t want the image that is inserted into the post
— You can remove the image from the body of the post/page (don’t delete it from the media gallery through). As long as the custom field has the URL of the image it’ll show up.
>I’m using the wordpress editor that does not show line numbers ( by the by, how do you know what the line numbers is 218?)
— http://getfirebug.com/ trust me, it’ll make your life a lot easier
hmmm… not having any luck. That doesn’t move the title either. (I should have noticed that you use different comment marks for css.) ;-0
I had tried previously to just remove the image from the post, however that does not work – it removes both images. I just tried to insert the url to the image in the html tab, however that didn’t work either – no image. If you look at http://www.naturalcuresexposed.com/contact now, you will see the empty thumbnail box.
>hmmm… not having any luck. That doesn’t move the title either. (I should have noticed that you use different comment marks for css.) ;-0
— it’s not moving because you don’t have a value for margin-top…add something like margin-top: 50px;
>I had tried previously to just remove the image from the post
— are you removing the image from the post body or deleting the image form your blog?
Hey Jkovis,
margin-top is there, I had it at 30 – I have put it all the way up to 100px just for grins and its sticking like glue.
I am only removing the image from the post body – its still in the gallery. When I take it out of the post body – it removes it from both places.
margin-top is there, I had it at 30 - I have put it all
the way up to 100px just for grins and its sticking like glue.
I’m seeing the text moved down…have you cleared your browser’s cache? Also, which browser are you using?
I am only removing the image from the post body - its still in
the gallery. When I take it out of the post body - it removes
it from both places.
what is the URL of the image? Is the image URL in a custom field called “thumbnail” (no quotes)? If not, see this post (I’d use the image’s full URL though).
Refresh works like magic (sometimes its the little things that hang you up!)
I tried doing a custom field as the above link showed and that didn’t work. Below is the source code for thumbnail.php (the link above shows that src= should be the image url, however i’m not sure how to change the code)
<!– Thumbnail from Custom Field, Post first image or default thumbnail–>
<div class=”thumbnail”>” rel=”bookmark”>
<?php
$PostContent = $post->post_content;
$ImgSearch = ‘|<img.*?src=[\'”](.*?)[\'”].*?>|i’;
preg_match_all( $ImgSearch, $PostContent, $PostImg );
$ImgNumber = count($PostImg[0]);
if ( get_post_meta($post->ID, “Thumbnail”, true) )
{ ?>
<img src=”<?php echo get_post_meta($post->ID, “Thumbnail”, true); ?>” alt=”<?php the_title(); ?>” />
<?php }
elseif ( get_post_meta($post->ID, “thumbnail”, true) )
{ ?>
<img src=”<?php echo get_post_meta($post->ID, “thumbnail”, true); ?>” alt=”<?php the_title(); ?>” />
<?php }
elseif ( $ImgNumber > 0 )
{
for ( $i=0; $i < $ImgNumber ; $i++ )
{
echo $PostImg[0][$i];
};
}
else
{ ?>
<img src=”<?php bloginfo(‘stylesheet_directory’);?>/images/thumbnail.png” alt=”thumbnail”/>
<?php } ?></div>
you don’t need to change the code in thumbnail.php…it’s already set up.
What you need to do is edit the post/page and create a custom field with “thumbnail” (no quotes) as the KEY and the image URL as the VALUE. Click the post/page and then go view it.
After you’ve added one “thumbnail” custom field you don’t have to re-type it each time as it will appear in a dropdown.
Yeah, all fixed – I had to take it out of the post and just leave the custom field.
Thanks for all your help – I need to put you on speed dial!
Now maybe you can tell me why the date image on the about and contact page is missing the bottom half… cause i know you have nothing better to do than help me all day 🙂
http://www.naturalcuresexposed.com/contact
Thanks again!
Petrea
Now maybe you can tell me why the date image on the about and contact page
is missing the bottom half
I’m seeing the date fine (Oct 8 for the About page and Oct 18 for the contact page)…can you let me know how it’s supposed to display?
