nav#nav-below

Hi Anil,

Can you expound a bit more on what you want to achieve?

Hi Fernando

I want to have posts nav as in provided url without using generate blocks

I see. Unfortunately, without GenerateBlocks, you'll need a level of customization that would be out of our scope of support.

It would be best to reach out to a developer regarding this.

Thanks dear, i am trying css, if someone further improve it (perhaps David may guide)

.single-post footer nav#nav-below {
  display: flex;
  flex-wrap: wrap;
}

.single-post footer nav#nav-below .nav-previous, 
.single-post footer nav#nav-below .nav-next {
  width:50%;
  display: flex;
  flex-wrap: wrap;
}

.single-post footer nav#nav-below .icon-arrow-left {
  font-size: 2em;
  line-height: 0;
  padding: 0 7px 8px 3px;
  background-color: #000;
  color: #fff;
}

.single-post footer nav#nav-below .icon-arrow-right {
  font-size: 2em;
  line-height: 0;
  padding: 0 5px 8px 5px;
  background-color: #000;
  color: #fff;
}

.single-post footer nav#nav-below span .prev {
    
}

.single-post footer nav#nav-below span .next {
}

.single-post footer nav#nav-below .gp-icon {
    opacity: 1;
}

solved

Glad you resolved it!