Docs

[BeMikeNike]

Hey folks,

I have used buttons on my page, customized them in child theme.

[button class=”mbn” type=”” size=”small”  title=”whispered simultaneous interpretation” info=”popover” info_place=”right” info_trigger=”hover” info_content=”The i……..

Now when I move the mouse over the button there is the info text I want displayed on the right side – all good.

So far, so good… but: when you click on any button, the page scrolls automatically to the top

Questions:

– can I disable this action, so that when you click on a button – nothing happens?
– and, if I so desire, should I want in future a button to link to content, will I still be able to do that?

If I could do all this without css class assignment, that would be swell, sell, sold.

(css class assignment that would mean getting even deeper into developing than I really would like to, at this point)

Patiently awaiting your reply

Michael

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[BeMikeNike]

Thanks for responding 🙂

ok, here is the url:

http://michaelkisselbach.com/home

The first button, named Curriculum Vitae is linked to another page.

And two contents further down you will see three columns named: Dienst/ Service/ Service

and here I use the buttons for informational purposes only.

You move your mouse over it and it will give you background information.

The idea behind is to not clutter the page up with to much background information, yet make this information available when needed…..

mmmh, I hope the weather over there is just as sunny and springful as it is here and saying

thank you in advance

Michael

[Paul R]

Hi Michael,

To prevent it from scrolling, you can add this under Custom > Javascript in the Customizer.

 jQuery(function($) {
    $( ".page-id-96 #x-content-band-6 .x-btn" ).click(function() {
           return false;
  });   
});

Hope that helps.

[BeMikeNike]

Pure magic, it does work beautifully.

Just on the Portfolio Item Page it doesn’t I guess I will have to copy the Portfolio Item php file

(which one… I don’t know)

and enter somewhere this code you send…. (or maybe not…….?)

and then paste the php file into the child/ integrity subdirectory

So you see, I got somewhat the gist.. but not completely… which is sometimes even more dangerous than knowing nothing at all.

[Zeshan]

Hi there,

Thanks for writing in!

The provided code is specific to your homepage, if you wish to have same effect on your portfolio page, we’ll need to update the code. Would you mind giving us the link of your portfolio page as your menu links are redirecting to 404 not found page.

Thank you.

[BeMikeNike]

Hello,

that is good that you do the updating. Thank you.

I had the page not published but I now did, although I am still working on it.

The link: http://michaelkisselbach.com/?p=233

But now you should also be able to access it under my home url

michaelkisselbach.com

I changed the name of the portfolio into portaudio…
The buttons in question are to be found when clicking on the portfolio item and on the portaudioitem page you will find them down just over the link and media (they are named “Gebrauchsanweisung”, “how to use” and “mode d’emploi”)

But I take it that when you update the Portfolio/ -audio page that it will automatically affect the portfolio item page as well? They obviously are developed as one “unit”.

Cheers

Michael

[Rue Nel]

Hello There,

To make the code effect in your button and will affect the whole site, maybe you could add a custom class to your button like custom-action http://prntscr.com/6ubm7d
and then you update the javascript to this.

jQuery(function($) {
    $( ".x-btn.custom-action" ).click(function() {
           return false;
  });   
});

Having it this way, you can use the button in every post or page without affecting any other button.

Please let us know if this works out for you.

[BeMikeNike]

Oh, and by the way, I entered on my “Impressum/ about/ mentions légales” – in the sign off line at the bottom:

Design und Implementierung: Dipl. Dolmetscher Michael Kisselbach

powered by and with the extremely good support of the X Theme Team

🙂

[Lely]

Thank you Michael!
Please let us know if you still have questions.
It’s our pleasure to help.
Cheers.

[Author]

Posts