Autofocus template help

Site url?

The site isn’t live, I’ve been working on customizing it with WAMP. Here is a screenshot of the problem I’m having. I’ve tried a couple things to change the picture boxes size, but so far no luck.

https://img35.imageshack.us/img35/7747/scrkad.jpg

Well I found what I was looking for. Instead of going through the php files, I checked out the stylesheet again and found what I was looking for. Everything is good, except now I’m getting a thin black line in the top right corner.

care to share how you got vertical images to not repeat?

Try using background:url(path_to/image.jpg) no-repeat; in your stylesheet.

sorry if i seem obtuse, but that would go under the .home .featured.post definition?

No – in your stylesheet. Try looking for style.css.

that’s what i meant… the .home .featured.post definition in style.css? cuz that’s where it seems like it’s defining how to display the posts on the home page. or am i not understanding how this all works?

Ah – I see. Since I haven’t seen your site or know exactly which background images you want to control, I can’t say for sure.

wongoz, yes I solved this problem by changing the size of the feature posts under .home.featured post in the stylesheet. I haven’t played around too much, but I set it up to display 4 featured posts on the top line, as apposed to 2 from the default.

So far so good, except that weird black line in the top right.

Your also going to need to change the size for the images being displayed on the tag and category pages. Im playing around to see if I can just add the no-repeat in the css where the images are displayed but so far no luck.

Ok, so I managed to tweak the tag and category pages. What I did was make the images displayed on both the tag and category pages 260px wide, that way I could fit 3 thumbs into a line. My only problem is I can’t seem to figure out how to make the images align beside each other. I can’t find any break tags in the php files, and I don’t know if that would be in the css. I’ve tried playing around with different block settings in the css and the images would either display line by line, or the images wouldn’t show at all.

Any one have any idea how I can make the thumbs align beside each other?

I figured out how to make the images not repeat. There is a span class in the “home.php” file, it is not located in any css file

<span class=”attach-post-image” style=”height:300px;display:block;background:url(‘<?php the_post_image_url(‘large’); ?>’) center center repeat”> </span>

change “repeat” to “no-repeat” and you’re done! The images will not fill the square unless they are large enough to do so, so your square will no longer be full.

Even if you figured this out already, I wanted to post this for others such as myself, who could not find the clear solution anywhere online.

Wow.

You guys have my head spinning. Can you help me with two problems?

1. My vertical images are just too big, needing scrolling down just to see all of the image, even though I think I have sized them correctly, 324 x 486. Is there some re-sizing box which needs ticking (or un-ticking!)?

2. How can I get the actual photo file name to appear in the Post? Like, eventually I want to be able to offer them for sale online and I need the shots to be identifiable!

I’d REALLY appreciate any help you can offer this poor new-comer to the world of Word Press….

Binster
Dublin, Ireland.