Comments 2melsaunders started the conversationSeptember 14, 2020 at 12:45pmI would like to remove or hide the animated arrows that display at the bottom of my portfolio page to show the Next / Previous portfolio post. Is it possible to to add custom CSS to do this?I also have some custom styling requests and I wondered how best to submit these - or if you offer a service where you could help with code? Thanks! 2melsaunders repliedSeptember 14, 2020 at 12:46pmI forgot the attachment ... 2,965Andrew repliedSeptember 14, 2020 at 1:35pmHi there,Add the following custom css in Salient > General settings > CSS/Script related: .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover h3 .next-arrow, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover h3 .line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover h3 .next-arrow, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover h3 .line { display: none; } Kind regards. 2melsaunders repliedSeptember 14, 2020 at 2:08pmThat's great thanks! Although this has removed the opening arrow, when you leave the box, you see the arrow on it's way out. Is it possible to hide this state too? 2,965Andrew repliedSeptember 16, 2020 at 8:48amHi there,Add the following custom css: body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project.mouse-leaving h3 .text .line, body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project.mouse-leaving h3 .text .line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project.mouse-leaving h3 .next-arrow, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project.mouse-leaving h3 .next-arrow { display: none !important; } Thanks. 2melsaunders repliedSeptember 17, 2020 at 8:20amPerfect - thanks! Sign in to reply ...
I would like to remove or hide the animated arrows that display at the bottom of my portfolio page to show the Next / Previous portfolio post.
Is it possible to to add custom CSS to do this?
I also have some custom styling requests and I wondered how best to submit these - or if you offer a service where you could help with code?
Thanks!
I forgot the attachment ...
Hi there,
Add the following custom css in Salient > General settings > CSS/Script related:
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover h3 .next-arrow, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover h3 .line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover h3 .next-arrow, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover h3 .line { display: none; }Kind regards.
That's great thanks! Although this has removed the opening arrow, when you leave the box, you see the arrow on it's way out. Is it possible to hide this state too?
Hi there,
Add the following custom css:
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project.mouse-leaving h3 .text .line, body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project.mouse-leaving h3 .text .line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project.mouse-leaving h3 .next-arrow, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project.mouse-leaving h3 .next-arrow { display: none !important; }Thanks.
Perfect - thanks!