-
AuthorPosts
-
June 22, 2017 at 3:07 pm #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');
June 22, 2017 at 3:12 pm #811587Hi!
Can you please post temporary admin logins and point out Fullscreen slider (or Fullwidth Sub Menu element?) you would like to edit?
Regards,
YigitJune 22, 2017 at 3:32 pm #811605Here’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.
June 22, 2017 at 3:57 pm #811625Hi,
You can use “#sub_menu1” as anchor link – http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/ :)
Best regards,
YigitJune 22, 2017 at 4:25 pm #811644I 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? HmmDo you have an idea how to remove the spaces between the sliders on this page? http://www.tillmannlange.de/wp/wp09/profil-2/
June 23, 2017 at 2:33 pm #812123Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.