Adjust poster text size on mobile

It's batchcoffee.co.uk

On 2/28/2023 at 10:22 PM, TomBatch said:

It's batchcoffee.co.uk

Which image are you referring to?

Hey! 

It's the first image on the homepage. I basically want it to stay as it is now for mobile. But for desktop I want it as a 2:1 ratio. 🙂

On 3/15/2023 at 6:14 PM, TomBatch said:

Hey! 

It's the first image on the homepage. I basically want it to stay as it is now for mobile. But for desktop I want it as a 2:1 ratio. 🙂

Try adding to Design > Custom CSS

@media screen and (min-width:641px) {
div#block-yui_3_17_2_1_1666910696019_17181 .image-inset {
    padding-bottom: 50% !important;
}
}

Hey Tuan, 

No that doesn't do what I want. It just moves the text down and creates a large white area under the image.

I've tried a few other snippets of CSS, but I'm really struggling with this one. 

Any other suggestions?

On 3/19/2023 at 5:48 PM, TomBatch said:

Hey Tuan, 

No that doesn't do what I want. It just moves the text down and creates a large white area under the image.

I've tried a few other snippets of CSS, but I'm really struggling with this one. 

Any other suggestions?

Can you add & keep the code? We can check it again easier

Hey Tuan, 

Ok. I will leave it there for an hour. It just looks a mess that is why I have taken it down. Hopefully you are able to see it now. 🙂

Hey Tuan, 

I don't really want to leave the homepage like this for too long. Here are screenshots of what it looks though. 

Hey Tuan, Any update on this? 🙂

On 3/27/2023 at 7:06 PM, TomBatch said:

Hey Tuan, Any update on this? 🙂

Use this new code

@media screen and (min-width:641px) {
div#block-yui_3_17_2_1_1666910696019_17181 .content-fill {
    padding-bottom: 50% !important;
}
}

You absolute genius!!! Thanks so much. Worked a treat 🙂