Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 12, 2022 at 4:26 pm #1358098
    goodpixel

    I would like to have the same font size for the checkboxes text at the bottom of the page

    Lista di attesa e prenotazione cucciolo

    July 12, 2022 at 6:39 pm #1358112
    Rikard

    Hey Stefano,

    I’m not sure which text you are looking to target. Could you post a screenshot highlighting an example, and let us know how you would like to change it please?

    Best regards,
    Rikard

    July 13, 2022 at 8:36 am #1358166
    goodpixel

    https://prnt.sc/s4S5wvikJcAQ

    with mobile some text of check box are different size

    July 13, 2022 at 8:38 am #1358167
    goodpixel

    label.input_checkbox_label { font-size: 18px!important}

    July 13, 2022 at 9:04 am #1358174
    Nikko

    Hi goodpixel,

    Please use this code instead (with !important it will be hard to override CSS):

    top label.input_checkbox_label {
    font-size: 18px;
}

@media only screen and (max-width:767px) {
  #top label.input_checkbox_label {
    font-size: 14px;
    padding-left: 25px;
  }
}

    The first block with 18px (font-size) is for desktop and tablet versions.
    The second block in the media query is set to 14px (font-size) for mobile and I added a left padding so the label does not show under the text box when it’s more than one row of text.
    Just adjust the values as you see fit.

    Best regards,
    Nikko

    July 13, 2022 at 2:03 pm #1358204
    goodpixel

    Thanks but may be on mobile do not work

    July 13, 2022 at 6:34 pm #1358236
    Rikard

    Hi,

    The CSs Nikko posted is applying when I check on mobile, please try using a different browser or an incognito/private browser tab.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.