My Portfolio - moving text without moving BG image

1

So as the title says I am currently working on my portfolio. I am having having problem with just my first page. so first off here is my codepen: https://codepen.io/Balakay/pen/qjBewv?editors=1100 so my problem is I would like to move my text for my “title page” lower down but when I have been attempting to it lowers the image with it. Any help is greatly appreciated.

2

in your CSS “block” class set the top padding to be bigger. Something like 100px?

1 Like
3

Add some id to your name.

 <div class="pageOne">  
  <div id="heroname" class="text-center block">       
    <h1 class="whiteFont" >Blake Chislette</h1>
    <h3 class="whiteFont">Amatuer Coder</h3>
  </div>  
</div>

then in your CSS, move the div

#heroname{
  padding-top: 300px;
}

voila!

centering.png1420×791 869 KB

1 Like
4

Thanks so much this was exactly what I needed. It worked perfectly

5

I believe adding margin-top 300px to your h1 would work also.