Checkbox size

  • Resolved Ionu? Toma

    (@tomitzu)


    5 years, 6 months ago

    I have some troubles when I want to modify the checkbox size. I wanna make a responsive website and I think the checkbox is way too big for mobile. Can you help me with that, please?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Harmonic Design

    (@harmonic_design)

    Hi Ionu? Toma,
    the checkbox sizes are primarily based off of your own theme.

    If you want to override it, you can use the following CSS.

    
.hdq-options-check label {
   font-size: 1rem !important;
}

    replacing 1rem with whatever font size (example: 14px) or unit of measurement you want. Just note that doing this may result in some weird padding issues depending on your theme. These can usually be resolved by adding

    margin: -12px 12px 0 0; playing around with the 12 to find the sweet spot for you.

    Thread Starter Ionu? Toma

    (@tomitzu)

    Thank you for the quick reply! I will try to adjust the checkbox size using your indications.

    Thread Starter Ionu? Toma

    (@tomitzu)

    Well, I tried and there is no change…Thank you anyway!

    Plugin Author Harmonic Design

    (@harmonic_design)

    Send me a link please.

    The issue is probably just where/how you added the CSS. Should be very easy to point you in the right direction if I can see how your theme is coded.

    Thread Starter Ionu? Toma

    (@tomitzu)

    I’m using Kreativ Pro, Genesis Framework. I can’t send you the link because at the moment the site is hosted locally.

    Thread Starter Ionu? Toma

    (@tomitzu)

    I problem solved itself after I uploaded the site from the localhost to live server.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Checkbox size’ is closed to new replies.