Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #711412

    Being that there is no way to ID a fullscreen slider I have had to opt in to using colour sections. Is there a way to hide the colour sections so that the fullscreen sliders are butted up against each other whilst still keeping the links/developer IDs from the colour sections?

    An example of what I’m wanting to achieve:
    http://www.red.com/red-raven#quality

    Thanks!

    #711544

    Hey zakthorpe,

    You can assign a class to a fullscreen slider if you follow this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Otherwise if you want to hide a Color Section then assign an ID to it and add the following to your Quick CSS:

    #color-section-id {
      display:none;
    }

    Best regards,
    Rikard

    #711574

    If I go with the first option (turning on custom CSS) how do I now link the slider to a menu item? For example if I call my second slider “about” and then make a menu item linking to “#about” nothing happens? Am I naming things wrong?

    #711584

    Hi,

    You don’t necessarliy have to assign the ID to the slider itself, you could try adding a code block element before the slider with the following code for instance:

    <div id="your-id"></div>

    Best regards,
    Rikard

    #711592

    Hi,
    I took your advice but by adding a code block element the two sliders are no longer butted up against each other?

    #711649

    Hey!

    You want when you click a link menu, to change slider?

    Regards,
    Basilis

    #711698

    I want when I click a menu link for the page to automatically scroll down to the next slider. I don’t want to have to use a colour section or a code block element as these create gaps between the sliders.

    #711810

    Hi,

    As far as I can see the scrolling to sections is working as it should, so it’s only the space between the first and second section which is an issue, correct? If so please try adding this to Quick CSS:

    .home #after_full_slider_0 {
      display:none !important;
    }

    Best regards,
    Rikard

    #711820

    Unfortunately by adding that code, the #about link in the menu no longer works.

    #711844

    Hi,

    That is because you have the anchor in a code block, try adding it to the second slide instead. Above the special heading or even inside of it, for instance:

    <span id="about">Your special heading</span>

    Best regards,
    Rikard

    #711877

    Sorry to be a pain but what do you mean by special heading?

    Is there a way to just anchor the slider and give it an ID that links to a menu item?

    I really appreciate your support!

    #712306

    Hi,

    Sorry, I meant the About Us caption. Could you post admin login details in private so that we can have a look at the backend maybe?

    Best regards,
    Rikard

    • This reply was modified 8 years ago by Rikard.
    #712348

    Of course!

    #713017

    Hi,

    please check out our documentation about how to use anchor links in Enfold: http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

    Best regards,
    Andy

    #713216

    I’m already aware of this… However, I want to create an anchor point on a fullscreen slider not a colour section.

    Thanks

    #713223

    Hi!

    You can inspect elements and find the ID of your slider – http://i.imgur.com/iFqDztA.png. In your case it would be

    #fullscreen_slider_0

    Best regards,
    Yigit

    #713242

    Both of the sliders use “fullscreen_slider_0” as their div tag, so I am unable to distinguish them from one another.

    Thanks

    #713969

    Hi,

    unfortunately n element can not have multiple IDs, so I guess you need to work with Color Section elements.

    Best regards,
    Andy

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