> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gocertify.me/llms.txt
> Use this file to discover all available pages before exploring further.

# Advanced CSS

> Convert shoppers with targeted, gated offers.

The Advanced CSS option let's you can go even further with your customisation.

<AccordionGroup>
  <Accordion title="Hide iFrame Brand Logo" icon="square-minus">
    ```css theme={null}
    .in-iframe .logo-block-pushed-up {
      display: none;
    }
    ```
  </Accordion>

  <Accordion title="Hide iFrame Banner Image" icon="panorama">
    ```css theme={null}
    .in-iframe .banner-section a {
    display: none;
    }

    ```
  </Accordion>

  <Accordion title="Change appearance on mobile" icon="tablet">
    ```css theme={null}
    `@media (max-width: 767px){.gc-box{right: 0; top: 0; bottom: unset;}}`
    ```
  </Accordion>

  <Accordion title="Customise fonts" icon="t">
    <CodeGroup>
      ```css headings theme={null}
          /* Applies styles to the heading text. */
          .heading {
          text-transform: uppercase;
          font-weight: 700; 
          font-style: normal; 
          font-size: 28px; 
          color: rgb(0, 0, 0); 
          }
      ```

      ```css paragraph theme={null}
          /* Applies styles to the subtitle text. */
          .paragraph {
          font-family: "Roboto Condensed", sans-serif !important;
          font-weight: 400; 
          font-style: normal; 
          font-size: 16px; 
          color: rgb(0, 0, 0); 
          }

      ```
    </CodeGroup>
  </Accordion>
</AccordionGroup>