Image shorten when button added to Hero Slide (Theme: Expanse)

Hello, I would like to seek help for my website.

When the “slide link text” is added to the hero slide, the image will automatically shorten as below.

Please advise how I can resolve the issue. Thank you so much.

1 Like

Hi @shokakko_au

Would you mind to share your Store URL website? with password if its protected. Thanks!

1 Like

Hello @Made4uo-Ribe , my website is https://www.shokakko.com.au , thank you!

1 Like

Thank you for sharing, but the issue is not visible on the URL youve shared.

1 Like

Hello @Made4uo-Ribe ,

Thanks for your reply.
Yes it’s not appeared on my website because I don’t want my customers to see it. Is there other ways to investigate the issue? Thank you.

1 Like

Yes, you can share the preview on the ongoing theme that you currently working on.

1 Like

Hello @Made4uo-Ribe ,

Sorry I’m not sure how to share the preview, but I have changed to the shortened version on my website now. Thank you.

1 Like

Go to your admin store > Online Store > Click 3 dots > Preview > on the down screen there is a button.

Click share preview and copy the link.

1 Like

Dear @Made4uo-Ribe ,

The preview website is https://0xe33ivjntgwpjcp-49531519143.shopifypreview.com

Thanks.

It is fix now right? Im just giving some idea how to preview, maybe you need in the future.

1 Like

Hello @Made4uo-Ribe ,

The problem is not fixed.

It is still shown below (Other slides are normal):

1 Like

Yes, I saw it check this one then.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.hero__text-content {
    padding: 230px 0 !important;
}