Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1271851
    kateanita
    Participant

    Hello,

    I’ve found two posts that provide code to enable revolution sliders above the masthead on single portfolio pages only, but I could not get either of them to work.

    https://community.theme.co/forums/topic/revolution-slider-below-masthead-in-portfolio-item/
    https://community.theme.co/forums/topic/revolution-slider-above-masthead-in-portfolio-with-ethos/

    I wasn’t sure where to add the code to the revolution slider, and can different revolution sliders be added to specific pages?

    URL is: http://homefed.stapkodesign.com/portfolio/northeast-point/
    Have the latest version of everything, and using Ethos.

    Thank you!

    Katie

    #1271893
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! You can add the suggested code from the other threads in the customizer, Appearance > Customize > Custom > JS.

    I wasn’t sure where to add the code to the revolution slider, and can different revolution sliders be added to specific pages?
    – There is no code necessary to be added in the revolution slider. Please keep in mind that if you are on a page, you can add a slider on the pages or specific pages.

    If you are referring to the portfolio item pages then you will have to do some customizations. You can add a slider above yourr masthead in all your portfolio by using this code in your child theme’s functions.php file

    // Add custom content below the masthead
    // =============================================================================
    function custom_content_below_masthead() { ?>
      <?php if ( x_is_portfolio_item() ) : ?>
        <div class="custom-shortcode">
          <?php echo do_shortcode('[rev_slider alias="your-slider-name"]'); ?>
        </div>
      <?php endif; ?>
    <?php }
    add_action('x_after_view_global__slider-above', 'custom_content_below_masthead');
    // =============================================================================

    Just make sure to insert the correct slider name or slug.

    Hope this helps.

    #1278392
    kateanita
    Participant

    Great, thank you for the help!

    #1278413
    Rupok
    Member

    You are welcome!

    Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

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