Archived topic
Move Text Over Image
3 replies · Started by Andrew on April 28, 2018
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?
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 :)
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
It can go in the content box like normal HTML: https://docs.generatepress.com/article/page-header-content/
