Shape 5

Hi,

I've notice on my emma smooth template and on your demo that the Read More links (like in your Tab Show) does not have good padding or spacing.  The Read More changes the spacing of the last line of text and the text is right up against the edge of the button.

Can this be changed?

-lh

Hey did you guys not see this post?

Is there an answer for this?

Hello,

Try changing the maring top to what I have below:

template_css.css (line 702)

a.readon, li.s5_button_item table.s5_newsflash_body a.readon {
background:url("../images/s5_readon.png") repeat-x scroll center bottom transparent;
border:1px solid #D5D4D4;
color:#030303;
float:left;
font-size:11px;
margin-top:26px;
padding:4px 8px;
width:80px;
}

OK.  I tried your CSS mod and it didn't work.  After playing it with it myself I found a CSS that works much better.  The trick is to remove the float left because that was causing the Read On to stay on the same line but be left and any top margin after that moved it down but cause the words to stay right.

The better way is to remove the float left, and instead use display block, which causing the <a> tag to go left as a block element, then using a top margin for spacing.  Have not tested this in browsers other than Safari but this is what worked for me:

a.readon, li.s5_button_item table.s5_newsflash_body a.readon {
color:#030303;
border:solid 1px #D5D4D4;
padding:8px;
padding-top:4px;
padding-bottom:4px;
background:url(../images/s5_readon.png) repeat-x bottom center;
width:80px;
font-size:11px;
display: block;
margin-top:6px;
}

Thanks lhallberg!

Removing the float also allowed me to center the button!