field width and font size

  • Resolved Aracely Calle

    (@aracelyc)


    9 months, 1 week ago

    Hello,

    The field width and font size do not properly fit 6 or 7-digit entries. The phone view of the goal is 50,000 and it does not fit on the box. How can I solve this issue?

    What custom CSS would be needed to increase the field width and/or decrease the font size?

    Hope you can help, thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Matheus Martins

    (@matheusfd)

    Hi

    Glad you reached out.

    I accessed your site and the amount field and I could place a large number on it. Am I missing something here?

    View post on imgur.com
    Your success with online donations is our number one priority. Looking forward to helping you get to the bottom of this!
    Thread Starter Aracely Calle

    (@aracelyc)

    Hello, thank you for replying. I’m sorry I think I did not explained myself the right way. I can put a large amount on my site. However, the view from the phone does not show right. It’s out of the box and I’m not sure how to fix that.

    View post on imgur.com
    Plugin Support Rick Alday

    (@mrdaro)

    Hi Aracely,

    This is a known issue reported here: https://feedback.givewp.com/bug-reports/p/form-goal-stats-section-overflows-in-v3-forms-in-small-screens

    The workaround, for now, is to add this custom CSS to the form builder Custom CSS field:

    @media (max-width: 500px) {
    .givewp-layouts-goal__stats-panel__list-item { min-width: 0; }
    .givewp-layouts-goal__stats-panel__stat-value, .givewp-layouts-goal__stats-panel__stat-label { font-size: .8rem; }
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘field width and font size’ is closed to new replies.

Tags