I am creating a series of portfolio items and I love the full-size image slider for all items. But I need a way to show visitors there is more information below the images.
I was hoping you could help me create a floating down arrow (similar style to the side arrows), that appears at the bottom of all the images, and when clicked scrolls the page up.
Or if simpler - just the arrow with the words "scroll down for more info" above it.
if you want the CSS code applied only to a specific page or portfolio item, you need to prefix the CSS selector with the unique page class ID stored in the <body> element, however I cannot inspect the page because when I go to your site I get a Coming Soon page.
- You can change the URL in Appearance -> Theme Options -> Return URL
Hi
I am creating a series of portfolio items and I love the full-size image slider for all items. But I need a way to show visitors there is more information below the images.
I was hoping you could help me create a floating down arrow (similar style to the side arrows), that appears at the bottom of all the images, and when clicked scrolls the page up.
Or if simpler - just the arrow with the words "scroll down for more info" above it.
Any suggestions are greatly apreciated.
t
Hi Tom, will forward your request to our web designer to see if there is an easy solution to it
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi Tom,
the solution from our web designer:
.clapat-slider::after {
content: '';
position: absolute;
width: 50px;
background-color: rgba(0,0,0,0.5);
background-image: url("../images/next_slide_white.png");
height: 50px;
bottom: 0;
left: 50%;
margin-left: -25px;
background-size: 14px auto;
background-repeat: no-repeat;
background-position: center center;
transform: rotate(90deg);
}
you can add this to customizer -> additional CSS
this will give the appearance of a scroll down arrow.
to respond to on click requires actual custom work
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi
I copied this into custom CSS and nothing seemed to happen on any of my Portfolio pages. Please help.
Two other problems
- The cross in the right-hand column of a portfolio page, when clicked, goes to your website, where do I alter the weblink?
- How do I remove the Share icon?
t
Hi Tom,
if you want the CSS code applied only to a specific page or portfolio item, you need to prefix the CSS selector with the unique page class ID stored in the <body> element, however I cannot inspect the page because when I go to your site I get a Coming Soon page.
- You can change the URL in Appearance -> Theme Options -> Return URL
- hide the share icon with
.page-share {
display: none;
}
in customizer -> additional CSS
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Thanks - these problems are fixed/
t