Text in Cover Image

Hi @lazygirltranslations

where would you like to show it

like this
https://www.awesomescreenshot.com/image/16400074?key=fa5fbf97596397a27a6d2ee5bee9537c

if yes, then try below css

.wp-block-cover__inner-container {
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    right: 0;
    text-align: center;
}

Yay, that worked!! Thank you!

Actually it doesn’t show on mobile :S

add this CSS

@media(max-width: 525px){
  .wp-block-cover__inner-container {
    top: 50%;
   line-height: 20px;
  }
}

and let me know if it’s good?

• This reply was modified 3 years, 4 months ago by yogeshyadav20.

The words and button runs off the image. So half the text is on the image and half is off now

but it’s looking good

https://www.awesomescreenshot.com/image/16414180?key=bc3e358a3a3ed9da28a150fbf62cc55b

It doesn’t look like that on my iPhone when I access it :S

Could you also let me know if we could change the font to white to make it more visible? Thank you!

.wp-block-cover__inner-container {
color: #fff;
}

add color:#fff; in your previous CSS

• This reply was modified 3 years, 4 months ago by yogeshyadav20.
• This reply was modified 3 years, 4 months ago by yogeshyadav20.

Also, I tried with other people’s phones, but the words are still off and doesn’t look like the image you sent

Still looking for support in moving text up as it doesn’t show up properly on mobile, if anyone is able to help! Thanks!