How To Change Button Text On Mouseover - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

How To Change Button Text On Mouseover

K

Kiwiwebs

SP Page Builder 10 months ago

I have a client running a dual language site who wants the buttons to show different text on mouseover.

Searching online I see how this can be coded, but I am hoping someone might have an existing solution that works within the SP Pagebuilder buttons or button groups.

Thank youl

0
10 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 10 months ago #177621

Hi,

If that site has two languages, you should create separate page for each language, it's how it works in Joomla:

  • Spanish - Page 01
  • English - Page 02

then in each page - you can use native languages in all addons. This seems the most sensible & popular solution used by 90% webmasters (the others use google translator module).


OR you have to hire php developer from your city/country that can customize you current addons code. For somebody smart it's quick job, so it shouldn't expensive, and your clients pays for extras, right.

0
K
Kiwiwebs
Accepted Answer
10 months ago #177642

Thank you. For the site it is only the buttons to be dual language. I really appreciate you taking the time to reply.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 10 months ago #177624

Hi there!

Thanks for reaching out.

Unfortunately, there is no default option to achieve this. If you really want you can get this done by Custom CSS though. Here is sample code for you:

#sppb-addon-1733816308483 #btn-1733816308483.sppb-btn-custom {
    font-size:0;
}
#sppb-addon-1733816308483 #btn-1733816308483.sppb-btn-custom:after {
    font-size:14px;
    content:"Normal text";
}
#sppb-addon-1733816308483 #btn-1733816308483.sppb-btn-custom:hover::after {
    content: "Hover text";
}

You need to use your own addon ID and button ID to get the above code work for you.

Here is all about custom code placement in Helix3 framework: https://www.joomshaper.com/documentation/helix-framework/helix3/custom-css-header-code

Best Regards

0
K
Kiwiwebs
Accepted Answer
10 months ago #177643

Thank you. I appreciate the help.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 10 months ago #178167

You are always welcome.

You may accept the most useful answer in order to close the post.

Have a nice day!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 10 months ago #177647

After all you have two CSS methods, you can use one of them.

Just mark topic as solved.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 6 months ago #191042

Hi,

You will find accept button after each and every reply. You can click on that to accept any answer here.

Best Regards

0
K
Kiwiwebs
Accepted Answer
10 months ago #177824

This topic is now solved

0
K
Kiwiwebs
Accepted Answer
10 months ago #178169

OK

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 6 months ago #191360

Thanks for accepting... :)

0