Tagged: x
-
AuthorPosts
-
September 14, 2016 at 9:03 am #1174804
HarryParticipantHi,
I’d like to move the previous/next image buttons on portfolio image galleries to the lower right corner of the image, instead of the upper left corner as it currently is. Is the Css to move them?Also, is there a way to make the gallery images clickable to simple go to the next images just like the prev/next buttons currently do.
thanks in advance
September 14, 2016 at 10:46 am #1174973
ChristianModeratorHey Harry,
Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
September 14, 2016 at 11:09 am #1175016
HarryParticipantThis reply has been marked as private.September 14, 2016 at 1:48 pm #1175247
RupokMemberHi there,
Thanks for writing back! You can add this under Custom > CSS in the Customizer.
.flex-direction-nav { bottom: 60px; position: absolute; right: 95px; }And you can use any HTML content or shortcode within the slider content; so you can create link as well.
Hope this helps.
Cheers!
September 14, 2016 at 3:52 pm #1175444
HarryParticipantworks perfect thanks a million.
September 14, 2016 at 4:57 pm #1175533
NicoModeratorHappy to hear that.
Feel free to ask us again.
Thanks. 🙂
September 15, 2016 at 10:41 am #1176777
HarryParticipantHi there. I’m trying to figure this out. When you said
“And you can use any HTML content or shortcode within the slider content; so you can create link as well.”
Do we add those url links to each slide in the media library in the URL field? pls see attached.Also you’ll notice my slides do not come up in order. I can’t figure out why.
thanks in advance as always.
you guys rock!September 15, 2016 at 1:55 pm #1177047
JoaoModeratorHi There,
Please add the following code to Appereance > Customizer > Custom > CSS
#menu-item-91 a { background: #A98B69; } #menu-item-91 a:hover { background: #ffffff; }Hope it helps 🙂
Great looking website by the way.
Joao
September 15, 2016 at 8:28 pm #1177509
HarryParticipantHi Joao,
don’t think that last response was for me. this was my last question on this thread:
Hi there. I’m trying to figure this out. When you said
“And you can use any HTML content or shortcode within the slider content; so you can create link as well.”
Do we add those url links to each slide in the media library in the URL field? pls see attached.Also you’ll notice my slides do not come up in order. I can’t figure out why.
my url is :http://www.harryborrelli.com/portfolio-item/test-slider-portfolio/
thanks HSeptember 16, 2016 at 12:22 am #1177736
Rue NelModeratorHello Harry,
Sorry for posting in a wrong reply. I have check your portfolio item and it turns out that the slider is actually a featured gallery slider. The order of the slides will depend on the order of your upload. And then about Rupok’s reply;
“And you can use any HTML content or shortcode within the slider content; so you can create link as well.”This is meant for the slider element that you can use when you edit a post/page with Cornerstone. To know more about featured gallery slider, please check out our knowledge base: https://community.theme.co/kb/how-to-setup-galleries/
Hope this explains it briefly.
September 19, 2016 at 9:11 am #1181448
HarryParticipantthanks for your reply guys. I fixed the order problem, but I’m still having trouble figuring out where to add the link for one slide to the next, so I may also click on the image to advance them from 1 to 2 to 3 for example. I belive I’m making a Portfolio Galleries. Have read the link you gave me closely and I’m still not seeing it. I bet this is simple so sorry for me ignorance here.
best harrySeptember 19, 2016 at 11:14 am #1181657
RadModeratorHi Harry,
If you’re going to implement that, they why not use rev. slider? Has it built-in thumbnail navigation and if you wish to control it with the external image, you can then use it’s API.
Eg.
<a href="" onclick="revapi2.revshowslide(2);"><img /></a>, means, go to slide 2Thanks!
September 19, 2016 at 1:24 pm #1181874
HarryParticipantthanks for your reply. So I’ve been able to figure out how to use the shortcode to insert a revolution slider I’ve made. Now I have an index portfolio page that shows all my portfolio pages and links to them. In order to get my revolution slide page to show up in the portfolio index is to add a featured image. But them my slider appears below that featured image. I’d like the featured image to either be one I select of the revolution slider I made. then when that portfolio is selected to just show the slider. any ideas?
see my url pls: http://www.harryborrelli.com/portfolio-item/test-revolution-slider-2/if I remove the red #1 box image then this portfolio item does not appear in my portfolio index page.
hope this all make sense.
bestSeptember 19, 2016 at 10:05 pm #1182531
LelyModeratorHi Harry,
Feature image is the one showed in the portfolio index page. Revolution slider is part of your content. In portfolio page, by default, it shows featured image and then content. We can use the following custom CSS to hide the featured image on portfolio item page so that revslider will be on top:
.x-portfolio .entry-featured { display: none; }Hope this helps.
September 20, 2016 at 10:05 am #1183245
HarryParticipantHi and thanks for your reply.
this works great on an individual portfolio page.
see:http://www.harryborrelli.com/portfolio-item/test-revolution-slider-2/
But it also removes the images from the portfolio index page, so nothing shows on that page now.What I’d like to do in a nutshell is use my portfolio index page as my sites home page. Then have each individual portfolio page/item only show only the revolution slider at top and not the featured image.
Is is possible to use a portfolio index page as your home page?
Is there a way I can remove keep my portfolio index page but only show revolution slider at the top on each individual portfolio item?Thanks for all your help I really appreciate it.
Harry -
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1174804 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
