Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 2, 2015 at 12:38 am #404201
    vincent132132

    http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

    Is it possible to set a custom id for the fullscreen slider sections? right now i use #fullscreen_slider_0 as an anchor for the menu, but it just doesn’t make a nice url, I would like to be able to replace it with #about us etc.

    P.S. I tried making custom anchor links by adding a code block before the slider, but it creates a whitespace. When i set display: none the anchor link won’t work. So changing the fullscreen slider id would be the best solution for me I think,

    Thanks in advance!

    March 2, 2015 at 6:04 pm #404645
    Yigit

    Hi vincent132132!

    You can add a Code Block element to your page above your content and insert following

    <div id="my-anchor"></div>

    then add a button element and link it to #my-anchor

    Best regards,
    Yigit

    March 2, 2015 at 8:21 pm #404755
    vincent132132

    Thanks fixed it by changing div height and padding in custom css. Is working now

    March 3, 2015 at 9:58 am #405027
    Rikard

    Hey!

    Glad to hear you solved your problem :)

    Best regards,
    Rikard

    August 19, 2015 at 1:22 pm #490018
    Flemming Hoyer

    What CSS did you use to hide the DIV whitespace?
    Being able to add custom ID, like with section sliders, would be great for this theme!

    August 20, 2015 at 8:37 am #490582
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #after_full_slider_1{
display:none !important;
}

    Best regards,
    Rikard

    August 20, 2015 at 8:52 am #490591
    Flemming Hoyer

    Hi,

    The purpose of the DIV is to have an anchor for an onpage hyperlink, since I can’t change the ID of the element I am trying to link to.
    Display: none; does hide the whitespace, but it also means the anchor stops working.
    OP mentioned that he fixed it by changing the height and padding of the DIV, but I have not been able to figure out how.

    August 20, 2015 at 1:35 pm #490752
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .home #after_full_slider_1 .content {
    padding: 0;
}

    Cheers!
    Yigit

    August 20, 2015 at 1:39 pm #490755
    Flemming Hoyer

    That worked,
    Thanks!

    August 20, 2015 at 1:45 pm #490762
    Yigit

    Hey!

    You are welcome, we are always happy to help!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘anchor link for fullscreen slider’ is closed to new replies.