-
AuthorPosts
-
November 12, 2016 at 8:50 am #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#qualityThanks!
November 13, 2016 at 7:40 am #711544Hey 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,
RikardNovember 13, 2016 at 9:38 am #711574If 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?
November 13, 2016 at 10:11 am #711584Hi,
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,
RikardNovember 13, 2016 at 10:21 am #711592Hi,
I took your advice but by adding a code block element the two sliders are no longer butted up against each other?November 13, 2016 at 6:00 pm #711649Hey!
You want when you click a link menu, to change slider?
Regards,
BasilisNovember 13, 2016 at 10:09 pm #711698I 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.
November 14, 2016 at 7:42 am #711810Hi,
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,
RikardNovember 14, 2016 at 8:43 am #711820Unfortunately by adding that code, the #about link in the menu no longer works.
November 14, 2016 at 9:58 am #711844Hi,
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,
RikardNovember 14, 2016 at 11:51 am #711877Sorry 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!
November 15, 2016 at 4:54 am #712306Hi,
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.
November 15, 2016 at 7:27 am #712348Of course!
November 16, 2016 at 4:39 pm #713017Hi,
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,
AndyNovember 16, 2016 at 10:10 pm #713216I’m already aware of this… However, I want to create an anchor point on a fullscreen slider not a colour section.
Thanks
November 16, 2016 at 10:14 pm #713223Hi!
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,
YigitNovember 16, 2016 at 10:48 pm #713242Both of the sliders use “fullscreen_slider_0” as their div tag, so I am unable to distinguish them from one another.
Thanks
November 18, 2016 at 1:18 pm #713969Hi,
unfortunately n element can not have multiple IDs, so I guess you need to work with Color Section elements.
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.