Add text to the bottom of the project page

At the bottom of each project page there are back/forward arrows on the bottom left/right that go to the previous/next project page. All of my reviewers missed these functions. Is there a way to add text between the arrows that give an instruction on using them?

Hello there,

Try adding the following custom CSS code through Appearance > Customize > Additional CSS.


@media only screen and (min-width:768px){

   .post-navigation{
      position: relative;
      margin-bottom: 100px;
   }

   .post-navigation:after{
      content: 'Your text goes here'; 
      position: absolute;
      top: 0;
      left: 0;
      color: #000;
      width: 100%;
      text-align: center;
      line-height: 50px;
      z-index: -1;
   }
   
}

From the code above, replace Your text goes here to your own.

As I were not quite sure whether that text will work on smaller screen, I wrapped the code inside media query. You might want to adjust it to meet your need.

Regards,
Kharis

There is no option for Additional CSS under Appearance>customize. Can you help me find where to put the css code you provided?

Is there a way to put a line break in the content?

> There is no option for Additional CSS under Appearance>customize. Can you help me find where to put the css code you provided?

You need to upgrade to WordPress 4.7. Alternatively you can use the Simple Custom CSS plugin https://wordpress.org/plugins/simple-custom-css/.

> Is there a way to put a line break in the content?

Sorry, it isn’t possible. But you could set a fixed width and adjust its left positioning. So the final code will look like:


@media only screen and (min-width:768px){

   .post-navigation{
      position: relative;
      margin-bottom: 100px;
   }

   .post-navigation:after{
      content: 'Your text goes here'; 
      position: absolute;
      top: 0;
      left: 40%;
      color: #000;
      width: 100px; 
      text-align: center;
      line-height: 50px;
      z-index: -1;
   }
   
}

Regards,
Kharis

Thanks for your help. Works great!