Different Background

  • Is there a way to have a different background for different fonts? I would like to have a image in the background and have users test the font on top of it. Is that doable ?

Viewing 1 replies (of 1 total)
  • Plugin Author kontur

    (@kontur)

    Setting a custom image background is not part of the plugin. You can, however, use custom CSS to target specific Fontsampler instances and set a background like that for a more customized setup.

    Each fontsampler wrapper element has the id as class, like so:

    <div class="fontsampler-id-6">...</div>

    The element holding the input area has the class .type-tester__content, so you could set a custom css background by adding custom css like this:

    .fontsampler-id-6 .type-tester__content {
    background: url('path/to/your/image.jpg') no-repeat top center;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Different Background’ is closed to new replies.