Docs

[yhshin1020]

Hey,

I want to put a promotion box that leads to a new page in my custom sidebar im using for my website.

Basically, I want a box with a text overlay saying “Donate Today” and the image behind it.

I am having a lot of difficulty trying to make the box responsive (ie the text should be at the same position within the image regardless of changing the size of the screen).

I will attach more details below.

[yhshin1020]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! Please replace this part of your code:

.fillchild{
  color: white;
  width: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  resize: both;
  overflow: auto;
}

With this:

.fillchild {
    color: white;
    width: 100%;
    position: absolute;
    top: 50%;
    text-align: center;
}

Let us know how this goes!

[Author]

Posts