Spilopmager

Thanks for update. It works perfectly now!

Thx, CRMacDonald5 for your code.

After spending hours looking for a solution like this – with many solutions not working at all. Your code worked perfectly and made it possible for me (with almost no knowledge of php) to tweek my homepage.

So thx a lot !!!

Hi again

I found a solution myself. I read through the stylesheet and found the text:
}
/* default styles & fixes */
#main {
margin-left: 0;
} /* fixes alignment (defaulted at col620) */

I deleted this fix alignment and after that product page worked as it should.

For anyone interested in removed padding above picture ..
I found this code:
.post_content img { margin-top: .75rem }

.left img,
img.left,
.alignleft,
img.alignleft,
img[align=left] {
margin-right: 1.5rem;
margin-bottom: 1rem;
margin-top: .75rem;
display: inline;
float: left;
}
Change .75em to 0em and the top padding will be removed

Found my own solution – even though I know almost no CSS.
I used the plugin “Simple Custom CSS” and Firefox′s “Inspector” to find the CSS code. When looking through “Inspector” I found the right element and started clicking under the rules box to see what would happen if I removed first one then another CSS code element. When I found the right CSS code this way. I copied that part into the “Simple custom CSS” with the minor adjustment that was needed. And it worked.
All in all I added this text to “Simple Custom CSS”. (I chose to leave a little padding above picture … )

.page .entry-title { display: none; }
article[id*=post-] {
padding: 0px 0;
word-wrap: break-word;
border-bottom: 1px dotted #ccc;
margin: 0 10px;
}
.post_content {
word-wrap: break-word;
margin: 0px 0;
overflow: hidden;
font-size: 1rem;
}
#main {
margin-top: 0rem;
}

The first line hides the title. The rest is to remove the space between the menu and the top picture.