Issue customising the css for square payment form

  • ResolvedPlugin Support Tseten a11n

    (@tibetanitech)


    7 years, 4 months ago

    Hello,

    I am unable to customize the look of the CC payment form in checkout. I tried all the CSS I could think to reduce the font-size and padding but it doesn’t work at all. Please guide me what steps to follow to change the font size of the form.

    Thank you.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Phil

    (@fullysupportedphil)

    Automattic Happiness Engineer

    7 years, 4 months ago

    @tibetanitech, the sq-fieldset class can be used to control elements of the Square form. For example:

    .sq-fieldset {
    color:blue;
    font-size:14pt;

}
    Plugin Support Tseten a11n

    (@tibetanitech)

    7 years, 4 months ago

    Hey Phil,

    I tried the CSS you mentioned but it only make changes to the label of the form fields. I have to change the font size of input “value” like the …. , MM/YY etc.

    I hope my query is more clearer now.

    .sq-fieldset iframe form input {
    font-size:17px !important;

    }

    Phil

    (@fullysupportedphil)

    Automattic Happiness Engineer

    7 years, 4 months ago

    You would not be able to edit that content with CSS alone. It would require custom coding as the styling is loaded from Square directly.

    Ivan Lutrov

    (@ivanlutrov)

    7 years ago

    Hey @fullysupportedphil, what kind of “custom coding” is required?

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Issue customising the css for square payment form’ is closed to new replies.