Adding text before dropdown

  • Resolved juliehaydar

    (@juliehaydar)


    5 years, 4 months ago

    Hello,
    I love this plugin and the clean layout.

    I’m just wondering how i could add the text ‘Select Font:’ before the drop down font list.

    As well as adding a light grey border around the text input area.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author kontur

    (@kontur)

    5 years, 4 months ago

    Hey Julie,

    you can probably solve both with a bit of custom css which you need to add to your site (theme, child theme, custom css or via a plugin, google will help you there).

    The code for adding a frame around the text area would be:

    .fontsampler-wrapper .current-font {
  border: 1px solid grey;
}

    The code to add a text before the dropdown could be something like:

    .fontsampler-wrapper .font-lister::before {
  content: "Pick a font";
  display: inline-block;
}

    Let me know if those work out 🙂

    -Johannes

    Thread Starter juliehaydar

    (@juliehaydar)

    5 years, 4 months ago

    Absolute Legend!!
    Worked perfectly
    Thank you

    Plugin Author kontur

    (@kontur)

    5 years, 4 months ago

    Great, glad to help. If you can spare the minute please leave a review/rating, otherwise just enjoy the plugin 😉

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adding text before dropdown’ is closed to new replies.