Solved

cambiar tamaño de cuadro en large image with text

Epkpanama
New Member
6 0 0

Screenshot_20240430_172937_Chrome.jpg

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

Soporte técnico
Accepted Solution (1)

BSSTech-Venture
Shopify Expert
391 93 103

This is an 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:

image.png

 

Hope it can help you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 2 (2)

PageFly-Amelia
Navigator
316 96 138

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

BSSTech-Venture
Shopify Expert
391 93 103

This is an 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:

image.png

 

Hope it can help you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development