[RbnJrg]

Originally Posted by Hitch

@Ruben:

What's your media-query/fallback styling for the K7's, for that svg?

Hitch

Hi Hitch;

I really didn't think in a fallback for K7 since the OP wanted something for KF8. But now you mention it, I guess that the usual formula should work; something like:

@media amzn-kf8 {
.raised_cap1 {
   display: inline;
   width: auto;
   height: 4em;
}

.raised_cap2 {
   display: none;
}
}

@media amzn-mobi {
.raised_cap1 {
   display: none;
}

.raised_cap2 {
   font-weight: bold;
}
}

And in .xhtml file:

<h1>This is the title</h1>

  <p><img class="raised_cap1" alt="L" src="../Images/L.svg" /><span class="raised_cap2">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc. Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc. Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula.</p>

I didn't try the above solution but I think it should work

Regards
Rubén

EDIT: maybe we could find another solution by using a .gif image instead of a .svg one. In that case could be possible to have raised cap also in K7 (like the Amazon's ads).