Forum Moderators: not2easy

Message Too Old, No Replies

Need help with some css on my site

css aligning featured thumbnail anchor link

         

mrmikeman

5:32 pm on Apr 3, 2011 (gmt 0)

10+ Year Member



Hi, I am really knew to all this and css is extremely frustrating to me :-D Iv been working on a child theme for wordpress, thematic framework and I am having a hell of a time trying to figure things out, i use FireBug to check out the code, and it highlights stuff, and it all seems totally out of whack, and i just dont know what to do. I was hoping someone could take a look at it and maybe tell me what i need to change in css, im pretty certain its all css issues, the link is
[ocixx.com...]

Im not concerned with the search box so much right now, but the alignment of the post thumbnails, i want to remove the borders, and then align them all properly, you see the left side of the thumbs are cut off too, and the anchor title link under the thumbs is to the left, and too far under the thumbnail..
thank you, any help is appreciated.

hurafloyd

10:17 am on Apr 4, 2011 (gmt 0)

10+ Year Member



Hi mrmikeman,

Please post the CSS code related to the problem or what you want solved, if anybody can help you properly they will need it :).

rocknbil

5:52 pm on Apr 4, 2011 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



This is one of the cases where I'd recommend against that - one because WordPress CSS files are generally is so.freakin'.huge and bloated, and two because you don't know where the problem is which may prompt you to dump the whole thing in here, which won't be helpful.

You should be able to see these selector rules, and exacly where they are, in FireBug. Right click the image and select "Inspect element." In the right pane you can see exactly where the borders are being assigned. Same for each of the other issues you mentioned; you should be able to add

.entry_content .thumbnail { text-align:center; }

and that should be specific enough to center the captions.

Not seeing the thumbs cut off issue in FireFox, but cross browser breakage is (kind of) typical of WordPress themes and they are sometimes a nightmare to optimize. What I did see, however, is your images are not actually thumbnails - they are huge images scaled down to 230 X 173 (The first one is over 1000 px and 700K.) This will make for an intensely slow site. See if you can get actual thumbs in there.