Jump to content
fpgeeks

How to hide Scroll Spy by default?

Recommended Posts

fpgeeks    0
fpgeeks

I've added the Scroll Spy section to my Blog Post template and it's working great on the pages where I want it, but on the pages where I haven't called the "scroll-header" class I get the message:

"Add HTML elements with a "scroll-header" class and "title" attribute to document. None detected."

I can remove it by going to the individual post settings and hiding the Scroll Spy section for that post, but I don't want to do that for the 500+ posts I don't need Scroll Spy on. Is there way to turn it off by default and enable it for individual posts like many of the of the other sections?

Share this post


Link to post
Share on other sites
catrina    103
catrina

I think you can hide the section on just post pages using CSS. Do you want it to hide on all individual post pages?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
fpgeeks    0
fpgeeks

I want to hide it on all blog posts by default, and then turn it on for just a few individual blog posts.

So, in the following image that shows the settings for the individual blog post, I would like to check that box to enable the Scroll Spy section on the 10 or so posts I want it on instead of selecting it on the 500+ posts where I would need to turn it off.

post-30839-0-33158500-1347390860_thumb.j

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, I think in order to achieve this you'll have to 'hide the section by default' in the drag and drop area for the blog post template (options tab in the section tab). Then unhide it on the posts you want the scroll spy to work.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
fpgeeks    0
fpgeeks

Hi there, I think in order to achieve this you'll have to 'hide the section by default' in the drag and drop area for the blog post template (options tab in the section tab). Then unhide it on the posts you want the scroll spy to work.

That's how I tried to do it, but I couldn't find the setting. This is where it should be, right?

post-30839-0-03127000-1347408749_thumb.p

Share this post


Link to post
Share on other sites
James B    436
James B

Hmmm I see, its inactive on the blog posts template. I would imagine this is because the framework doesn't handle custom post types. The only thing I can think of in that case, would be to create a custom post type (using a third party plugin etc) and apply the scroll spy to that for the ten posts you want, leaving it off for the rest of the system default posts. I've never worked with custom post types myself though, there could be a much easier option.

I'll leave this topic open and maybe one of the other moderators will be able to suggest something further for you :)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Buishi
      By Buishi
      Hi there,
       
      I'm having the following problem: I set up a scroll spy on my homepage, and put several sections throughout the homepage with .scroll-headers (for example: <h4 class="scroll-header" title="Testimonials">Testimonials</h4>). The problem is, the menu highlighting doesn't change as I scroll, only the last menu item remains highlighted. Any idea what's going on? See here:
       
      http://designmancan.com/CLL/
    • Brian
      By Brian+
      Hello,
       
      When using scroll spy, does anyone know the code to change colors for the background, link text color, and then when a selected link is active? Exactly how it's being setup here: http://www.pagelines.com/shop/club/dms/
       
      Thanks,
      B
       
       
    • helvetik_a
      By helvetik_a
      Hi. I try to style the scroll spy section with a different hover color and a transparent bg.
      The css does not work at all....i am using firebug, but if i copy the code in the pagelines customisation plugin it does not works at all....
       
      This is the css code: (from Firebug  and modified... http://paste.pagelines.com/151
       
      The hover state remains always in grey....any help?
      THX Corina
       
      http://wp.tanzprojekte.ch/wordpress/kurs-info/
    • grstewart2000
      By grstewart2000
      Using scroll spy (not Scroll Header Pro) with this issue: the active menu button is not displaying properly.
       
      http://steelpuddle.fatcow.com/dev/gallery/
       
      Thank you for your assistance.
       
       
    • achif
      By achif
      Hello
      I've tried different ways to center the navbar generated with scrollspy section but nothing works.
      please help. thanks.
×