How to Hide Previous and Next Controls when I click on Gallery Blocks

Hello,

When I click on my gallery blocks on my site, it goes to the correct gallery but displays a 'PREV/NEXT' tab at the bottom which I want to disappear. Does anyone have Custom CSS I can use on my page to hide this 'PREV/NEXT' tab?

Thank you!

@tuanphan

@michaeleparkour

@

Hey @ryanmariehelfant, can you share a link to your site so that we can provide this code?

@abibaconwww.ryanmariehelfant.com 

and click on any of the images and it will take you to the gallery blocks and you will see the 'prev/next' controls at bottom right!

Hey @abibacon @tuanphan

Following up here?!

Thank you!

Hey @ryanmariehelfant, sorry for the delay, have been off for Easter. 

Try this Custom CSS
 

#projectPages .project-controls {
display: none;
}

Hey @abibaconthis did not work! any other ideas?

Hey @tuanphan any idea here on alternate CSS code as this did not work to hide PREV/NEXT icon on my page!

On 6/21/2023 at 12:19 AM, ryanmariehelfant said:

Hey @tuanphan any idea here on alternate CSS code as this did not work to hide PREV/NEXT icon on my page!

Add this to Design > Custom CSS

/* hide prev next */
div#projectNav {
    display: none !important;
}

Hey @tuanphanthat worked but now there is text 'Back To Selected Films' that is now appearing at the bottom of my Gallery Blocks when I click on them. Is there a way to also get rid of that?

Thank you!

@tuanphanI have attached an image of the 'BACK TO SELECTED FILMS' which appears on all of my gallery blocks. I am trying to hide this from appearing. Thank you!

@tuanphanthank you!