First line text-indent in sIFR

Question

I have a text block made whith sIFR and I want to indent the first line.

Look at this image to see what I want:

http://alltutorials.hi2.ro/testimonial.jpg

I want the word WOW to be after the big quotes.

I searched the sIFR documention I used text-indent but it seems it doesn't work.

Thank's for the help,

Andrei

Paste the link because, it does not work directly.

Answer 1

I'm not that familiar with sIFR, but maybe a simple padding-left will do the trick? If it is treated as an inline element, it should not be repeated in the next few lines.

Answer 2

Don't think you can do this through CSS, though perhaps you could use the modifyContentString() callback to insert a few spaces?

Answer 3

You can try styling it within sIFR, as Pekka said, something like this :

function sIFR_h1() 
{
  sIFR.replace(grau, {
  selector: 'h1, div.h1',
  css: 
      '.sIFR-root { letter-spacing:-1.66; font-size:42px; color: #36313d; [...]}'
    ,transparent: true  
    ,selectable: false      
  });
}