cambiar tamaño de cuadro en large image with text

[Epkpanama]

 

buena noche, quiero ayuda para cambiar el tamaño del cuadro blanco que contiene el texto para mobile, ya que como ven es muy grande para mi gusto.

https://www.epkpanama.com/

quedo atenta, gracias

[PageFly-Amelia]

Hello @Epkpanama 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

/* You can change the value of 20px to the value you want */
.background-media-text__inner .background-media-text__aligner  {
   margin-left: 20px !important;
   margin-right: 20px !important;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[BSSCommerce-HDL · Accepted solution]

Hi @Epkpanama 

Please follow the instructions below:
Step 1: Shopify Admin -> Online Store -> Edit Code:

Step 2:  Choose file the base.css or theme.css or theme.css.liquid or global.css

Step 3: Insert this CSS snippet into your CSS file:

@media only screen and (max-width: 576px) {
  .background-media-text__inner .background-media-text__aligner {
    margin: 11px 28px 12px !important;
  }
}

Here is the result:

Hope it can help you.