Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1174804
    Harry
    Participant

    Hi,
    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

    #1174973
    Christian
    Moderator

    Hey 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.

    #1175016
    Harry
    Participant
    This reply has been marked as private.
    #1175247
    Rupok
    Member

    Hi 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!

    #1175444
    Harry
    Participant

    works perfect thanks a million.

    #1175533
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks. 🙂

    #1176777
    Harry
    Participant

    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.
    thanks in advance as always.
    you guys rock!

    #1177047
    Joao
    Moderator

    Hi 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

    #1177509
    Harry
    Participant

    Hi 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 H

    #1177736
    Rue Nel
    Moderator

    Hello 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.

    #1181448
    Harry
    Participant

    thanks 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 harry

    #1181657
    Rad
    Moderator

    Hi 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 2

    Thanks!

    #1181874
    Harry
    Participant

    thanks 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.
    best

    #1182531
    Lely
    Moderator

    Hi 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.

    #1183245
    Harry
    Participant

    Hi 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.

    test Portfolio

    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

  • <script> jQuery(function($){ $("#no-reply-1174804 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>