Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #811579

    Hi,
    I want to use the Fullscreen Sub Menu on a site with some Fullscreen Sliders.
    I tried to define some anchors, so i can use these in the Fullscreen Sub Menu.
    I’ve found this thead https://kriesi.at/support/topic/create-custom-div-id-field-for-all-avia-layout-builder-elements/#post-584257`

    <div id="my-custom-id"></div>
    When I use this, some spaces appear between my sliders.

    So I tried to give the Fullscreen Slider element an ID.
    But this doesn’t have any effect.

     function avia_custom_element_id(){
    ?>
     <script>
    jQuery(window).load(function(){
    jQuery('.your-custom-class').attr('id','your-custom-id');
    });
     </script>
    <?php
    }
    add_action('wp_footer', 'avia_custom_element_id');

    I see an additional field “Custom CSS class” now, but there’s no field “Custom CSS ID”

    Here’s the complete functions.php from my child theme folder.
    Did I make a mistake here?

    <?php
    
    /*
    * Add your own functions here. You can also copy some of the theme functions into this file. 
    * WordPress will use those functions instead of the original functions then.
    */
    
    //add custom class for alb
    add_theme_support('avia_template_builder_custom_css');
    
    function avia_custom_element_id(){
    ?>
     <script>
    jQuery(window).load(function(){
    jQuery('.your-custom-class').attr('id','your-custom-id');
    });
     </script>
    <?php
    }
    add_action('wp_footer', 'avia_custom_element_id');
    #811587

    Hi!

    Can you please post temporary admin logins and point out Fullscreen slider (or Fullwidth Sub Menu element?) you would like to edit?

    Regards,
    Yigit

    #811605

    Here’s the site i’m talking about.
    http://www.tillmannlange.de/wp/wp09/profil-2
    The Fullscreen Sub Menu works but this <div id=”my-custom-id”></div> creates spaces between the sliders.
    So I think I have to assign IDs directly to the Fullscreen Slider elements.
    Login data is in private content.

    • This reply was modified 7 years, 5 months ago by tl_s180.
    #811625

    Hi,

    You can use “#sub_menu1” as anchor link – http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/ :)

    Best regards,
    Yigit

    #811644

    I don’t understand.
    #sub_menu1 is the ID of the Fullscreen Sub Menu element
    But I need IDs for the sliders, so I can use them to navigate on the site with the Fullscreen Sub Menu.
    Color sections I can’t use because it’s not possible to move a Fullscreen Slider inside of a Color section.

    Your answer brought me to the idea to look for the default IDs of the sliders with inspect element.
    And use these as anchors in the Fullscreen Sub Menu.
    But my sliders all have the same ID “fullscreen_slider_0” : /
    Is it because i duplicated them instead of making new ones? Hmm

    Do you have an idea how to remove the spaces between the sliders on this page? http://www.tillmannlange.de/wp/wp09/profil-2/

    #812123

    Hi,

    Here is the code to remove the space between sliders, you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .page-id-3746 .content {
      padding: 0;
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.