Re: Dawn theme - reduce size of homepage image banner text container

Solved

Dawn theme - reduce size of homepage image banner text container

mmstudio
Excursionist
19 0 4

Hello all - thank you so much for the help you provide!

 

I would like to make the container that holds the text on my homepage image banner approximately 1/2 as wide as it currently is, which would make the text description wrap into 2 or 3 lines.   

 

Untitled.jpg

 

Site is https://michelle-masters-topiary-art.myshopify.com/

Password: auggul2

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1786 3133

This is an accepted solution.

Hi @mmstudio 
Please try this, the code from the has the most priority.
You can replace the current code you have added with this one

<style>
#Banner-template--18019841179963__image_banner .banner__content > .banner__box {
    width: 50%;
    max-width: 50%;
    min-width: unset !important;
}
</style>

 

View solution in original post

Replies 7 (7)

PageFly-Victor
Shopify Partner
7865 1786 3133

Hi @mmstudio 

 

This is Victor from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
#Banner-template--18019841179963__image_banner .banner__content > .banner__box  {
width: 50%;
}
</style>

 

Hope this can help you solve the issue 

 

Best regards,

Victor | PageFly

mmstudio
Excursionist
19 0 4

HI @PageFly-Victor - I added the code as below but there was no change.  Did I put it in the right place?

 

Screen Shot 2023-04-04 at 8.43.13 PM.png

dmwwebartisan
Shopify Partner
12368 2558 3744

@mmstudio 

Please add the following code at the bottom of your css file.

#Banner-template--18019841179963__image_banner .banner__content > .banner__box{
    width: 50%;
    min-width: auto !important;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
PageFly App to customize your pages | The most powerful Shopify page builder app

PageFly-Victor
Shopify Partner
7865 1786 3133

This is an accepted solution.

Hi @mmstudio 
Please try this, the code from the has the most priority.
You can replace the current code you have added with this one

<style>
#Banner-template--18019841179963__image_banner .banner__content > .banner__box {
    width: 50%;
    max-width: 50%;
    min-width: unset !important;
}
</style>

 

GemPages
Shopify Partner
5625 1262 1281

Hello @mmstudio ,

 

It's the GemPages Support Team and we are glad to assist you today!

 

I would like to give you the recommendation to support you so kindly follow the steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1680676466723.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
#Banner-template--18019841179963__image_banner .banner__content > .banner__box {
 width: 50%;
 min-width: auto !important;
}
</style>

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
mmstudio
Excursionist
19 0 4

Thank you - this also works.

infoatcodelab7
Shopify Partner
593 141 157

@mmstudio 

Step 1: Go to online store -> Edit code

Step 2: Fine base.css

Step 3: Paste bellow code bottom of the file

 

@media(min-width:1199px){
  #Banner-template--18019841179963__image_banner .banner__content > .banner__box {
    width: 30%;
    min-width: auto !important;
  }
}

 

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com