Changing font in variation list

  • Resolved TxFig

    (@txfig)


    7 years, 8 months ago

    Is there a way to change the font, size, boldness, etc of the items in a variation list?

    If you want, take a look at the page I am using to register folks for a “beekeeping school” my club is hosting and scroll down to the options for lunches and t-shirt sizes. See how the font is so small (it also appears to be courier). I would like the font style to match the rest of the text (or at least be the same size).

    https://www.bvbeeks.org/events/bee-school/registration/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor mbrsolution

    (@mbrsolution)

    Hi, make some adjustments to the following CSS code below. Concentrate on font-size: and font-weight:.

    select, textarea, input:not([type]), input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 4px;
    color: #444;
    font-size: 12px;
    font-weight: 400;
    outline: none;
    padding: 10px;
}

    Let me know if you need more help.

    Kind regards

    Plugin Author mra13

    (@mra13)

    I have added more CSS classes to the variation select boxes in the new version of the plugin. That should help you target the variation select box and apply custom CSS.

    Thread Starter TxFig

    (@txfig)

    mbrsolution;

    Thanks for the code – but *where* do I make those modifications? (I’ve never modified css directly to a plugin before…)

    Plugin Contributor mbrsolution

    (@mbrsolution)

    @txfig, I notice that you have updated the plugin to the latest version. In that case you can use the new CSS class added to the variation control.

    Try adding the following CSS code.

    .wp_cart_variation1_select {
    font-size: 12px;
    font-weight: 400;
}

    If your theme does not allow you to add custom CSS, please read the following documentation.

    Let me know how you go.

    Kind regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing font in variation list’ is closed to new replies.