[Support request] Move Text Over Image

[Andrew]

I created a Page Header and added text over an image. I centered it, however if I want to move the text up or down, left or right a little it can not be done without extending the image as well. I tried using CSS to manipulate the margins and padding but again it just stretched the image. I even tried to override your CSS but that did not work either. Do you have any suggestions?

[Leo]

Hi there,

Really hard to tell without seeing the site.

But try doing this for the page header content:

<div class="header-content">
    Content here
</div>

Then use this CSS to move it:

.header-content {
    padding-top: 50px;
}

Is this doesn’t help. Any chance you can duplicate it on a live server?

Let me know 🙂

[Andrew]

Hi Leo:

I thought my reply went through but I am not seeing it. Anyway, I did try what you suggested but no luck. However, I do not think I added the div in the correct place. Can you tell me the file and approximate location I would need to add the div? Just a general idea would be helpful – Thanks

[Leo]

It can go in the content box like normal HTML: https://docs.generatepress.com/article/page-header-content/

[Author]

Posts