Portfolio Single Post

shamidraws

Hi,

On the Portfolio single post template, how do I set up navigation arrows on either side of the image so they can press the arrow and see the next portfolio piece or the previous one? Sort of like a slideshow

Portfolio Single Post.png

https://shamidraws.com/portfolio-item/circle-of-life/

Thank you

Phil

Hi,

Go to Betheme -> Theme options -> Global -> Navigation & Share, and check Sticky arrows option:

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

shamidraws

Thank you! It worked.

But I would like to change the positioning and the colours.

1) Can the arrows to be in the middle of the page? (as shown by the red outline in the screenshot)

2) I would like the white box to be gone and the arrow colour to be #737373

3) Also, can I have the sticky arrows restricted to just the portfolio? I don't want them in the blog

Portfolio Post Sticky Arrows.png

https://shamidraws.com/portfolio-item/sugar-rush/

Thank you for your help!

Phil

Try the following CSS code:

.fixed-nav{
 bottom: 50%;
}
.fixed-nav .photo{
 background: none!important;
}
.fixed-nav .photo:before{
 color: #737373!important;
}
.fixed-nav.fixed-nav-next{
 right: 5%;
}
.fixed-nav.fixed-nav-prev{
 left: 5%;
}
.single-post .fixed-nav{
 display: none;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

shamidraws

Thank you so much!