# MD for: https://www.mercadopago.com.co/developers/en/docs/checkout-bricks/card-payment-brick/visual-customizations/hide-element.md

\# Hide element See below how to hide Card Payment Brick elements. > CLIENT\_SIDE > > h2 > > Hide title and flags | Brick | Card Payment Form | | --- | --- | | Customization moment | When rendering the Brick | | Property | customization.hideFormTitle | | Type | Boolean | | Comments | When \*\*true\*\*, hides the title line and accepted flags. | 

* [javascript ](#editor%5F1)
* [react-jsx ](#editor%5F2)
javascript react-jsx 

```
const settings = {
  ...,
  customization: {
  visual: {
  hideFormTitle: true
  }
  }
}
```

Copiar 

```
const customization = {
 visual: {
  hideFormTitle: true
 }
};
```

Copiar 

\> CLIENT\_SIDE > > h2 > > Hide payment button | Brick | Card Payment Form | | --- | --- | | Customization moment | When rendering the Brick | | Property | customization.visual.hidePaymentButton | | Type | Boolean | | Comments | When true, the form submit button is not displayed and it becomes necessary to use the getFormData function to get the form data (see example below). | 

* [javascript ](#editor%5F3)
* [react-jsx ](#editor%5F4)
javascript react-jsx 

```
const settings = {
  ...,
  callbacks: {
  onReady: () => {
  // callback called when brick is ready
  },
  onError: (error) => { 
  // callback called for all Brick error cases
  },
  },
  customization: {
  visual: {
  hidePaymentButton: true
  }
  }
}
```

Copiar 

```
const customization = {
 visual: {
  hidePaymentButton: true
 }
};
```

Copiar 

Since the default payment button has been hidden, you will need to add some replacement. The following code blocks exemplify how to implement your custom payment button. \`\`\`html Custom Payment Button\`\`\` \`\`\`Javascript function createPayment(){ window.cardPaymentBrickController.getFormData() .then((cardFormData) => { console.log('cardFormData received, creating payment...'); fetch("/process\_payment", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(cardFormData), }) }) .catch((error) => { // error handling when calling getFormData() }); }; \`\`\` > NOTE > > Important > > In case you need to customize the Brick’s visual style beyond the available \*\*themes and custom variables\*\*, avoid using the CSS ids and classes values that are bundled with the Bricks as reference, because they are automatically generated during the application’s build process and their names change regularly. Instead, use HTML inheritance to access the elements you need to customize.