Image with text overlay bug

Hi @salafi1981

Thanks for having flagged this bug,

In order to fix this I invite you to completely change the text with image section code by following this :

• Online store > Actions > Edit code
• Open the file hero.liquid
• Replace the entire code with the one in this file
• Click Save

Feel free to reach out to us if you encounter any other issue

Kind regards,
Katrine

Done thanks.

There is also another error on desktop only.... on section height 'adapt to image'... it is not adapting but cutting the top and bottom off the image.

And if I do extra large .. it shows fine on 'desktop view' but on 'full screen view' it also cuts off top and bottom.

And is it possible to have the white overlay text, just the text only on pure black rectangular boxes (as I showed above)

Thanks

Ben

One final issue before I finish this banner - the heading is not showing in Consolas font.

Its ok I fixed consolas issue.

So now just 2 outstanding issues.

1. Image is not adapting to banner placeholder (cut off top and bottom)

2.White overlay text on a pure black background... how to do it.

Thanks

Posted by: @salafi1981

Its ok I fixed consolas issue.

 

So now just 2 outstanding issues.

1. Image is not adapting to banner placeholder (cut off top and bottom)

2.White overlay text on a pure black background... how to do it.

 

Thanks

Could you include some screenshots to help me better identify the issue ?

The image is cut off at the top and bottom on desktop view.

Another question, on IMAGE WITH TEXT OVERLAY and 1 IMAGE WITH TEXT  i want to set the heading to line spacing 1, and bold (this is the current setting in parallax).

Please advise how to change. 

Posted by: @salafi1981

The image is cut off at the top and bottom on desktop view.

Another question, on IMAGE WITH TEXT OVERLAY and 1 IMAGE WITH TEXT  i want to set the heading to line spacing 1, and bold (this is the current setting in parallax).

 

Please advise how to change. 

Could you show me the original image and the rendered on your store here it is cut off please ?

Cut off top and bottom

original

 image

Another question, on IMAGE WITH TEXT OVERLAY and 1 IMAGE WITH TEXT  i want to set the:heading to

line spacing 1,

bold

(this is the current setting in parallax).

Please advise how to change. 

Posted by: @salafi1981

original

 image

Thanks for providing the image, here is how to do to show the entire image :

• Online store > Actions > Edit code
• Open the file hero.liquid
• Change the value

.hero--x-large{
height:775px
}

• To this one

.hero--x-large{
height:1080px
}

• Click Save

Posted by: @salafi1981

Another question, on IMAGE WITH TEXT OVERLAY and 1 IMAGE WITH TEXT  i want to set the:heading to

line spacing 1,

bold

 

(this is the current setting in parallax).

 

Please advise how to change. 

• Open the file hero.liquid and feature-row.liquid and paste this code at the very top

{% style %}
.mega-title, .image-text-title {
letter-spacing: 1px !important;
font-weight: bold !important;
}
{% endstyle %}

• Click Save

Don't hesitate if you have any other request

Katrine

Thanks this is fixed!

Last issue in this hero banner and also image with text is to change header text to bold, and header line spacing to 1