How to position a post div in wordpress?

[dtejada]

Up for a challenge? I've given myself a headache over this! Take a look at this page: http://teotn.com/testimonials
this is how the logo should look: http://teotn.com

I want the bottom left corner of the logo to dip into the text area. I tried moving the "primary hfeed" up 75 pixels (negative frame) to overlap the header, but that cuts off the bottom of the logo.

The only way I could get it to work was by making that bottom corner a separate graphic and putting it next to the text, with some styling to override paragraph formatting. It works for me in Mac Firefox, but other browsers (IE, Safari, Opera) position the graphic differently vertically so it doesn't line up properly with the top part of the logo--so that's not a good solution.

Do you know Wordpress? Any idea how I can handle this? I'm not a programmer but can butcher a .php page and usually get it to work if someone tells me what to do. I'm also not very familiar with Position/Placement in CSS but I'm thinking this may offer me some hope.

Suggestions?

[Niels]

Hi dtejada,

Separating the logo in two different parts is indeed not a good idea. It is of course a bit hard for me to edit things remotely (without access to your WordPress site) - but I have tried a few things with a small demo and Firebug. Make a backup first and then try the following:

First, remove margin-top: -75px from #primary. Then create a new css class and call it .entry-content. Give it the following attributes:

position: relative;
left: 120px;
bottom: 50px;

Please show me the changes this gives you.

[dtejada]

Niels, thanks so much! Although the left & bottom positioning you gave me didn't work, I did this:

.entry-content {
position: relative;
bottom: 75px;
}

and it works! Here's a page: http://teotn.com/home-2

Thanks again, a simple solution that I never would have figured out myself!

[Niels]

Glad everything worked out! Happy I could help.