Tip needed - how do I do a page marker?

I Need Help
21

Does with flat colour too.

That works, but on the index, it adds grad to logo (.png).

Screen Shot 2017-09-06 at 7.49.22 pm.png2380Ɨ320 294 KB

22

@apswoodwork Thatā€™s great Andy.
Congratulations, you finally got it working :+1:

23

Id check to see if it has the class attached to it, might have to make a separate class or something. I can play around with it a bit later if you dont get it working.

24

Iā€™ll fiddle (with the code)!

25

Hi @cincyplanet
The change is great, and I can add a grad back to each active link from clear to translucent; perfect.
It doesnā€™t seem to make any difference if I add the code to the </head> or </body>, nor if I add a ā€˜navbarā€™ class to the custom classes. If I add class, I can edit the typo, but it changes all the links, and not the specific active link to an individual effect (i.e. current active link in italic). They all change if I do, so I deleted the class. The grad back still works well, but the .png logo has a grad back too.
Should I work out a custom class, and apply to each link individually? This would mean breaking away from the menu manager, but I canā€™t see that being a big issue.
I only read this thread out of interest, and now Iā€™m tweaking my site again. Oh, the beauty of the :slight_smile:Blocs forum.

26

Oh, might be because it checks for the href, might need to add a new class and check for that in the javascript and see if its has the class attached.
So, add mymenubar class to the ones you want to have the marker, then update the script to something like (note, I havenā€™t been able to test this, so not sure if it will work how it is):

<script>
    $(function(){
        $('a').each(function(){
            if ($(this).prop('href') == window.location.href && $(this).hasClass('mymenubar')) {

                $(this).addClass('active'); $(this).parents('li').addClass('active');
            }
        });
    });
</script>
27

No, didnā€™t quite work for me.
Iā€™m in over my head, but you clearly know a lot about js code.
Never mind, but thanks for trying. Itā€™s the colour behind the logo that was the main issue.
I may try a basic class for the currently active link.
Andy