We help IT Professionals succeed at work.

Nonprofit WP Theme Buttons

High Priority
62 Views
Last Modified: 2020-03-22
Hi Experts,

If you go to www.iwscc.ca you will see in the header 2 orange buttons: Corporate and Self-Registration, both going to #

Under WP Admin, I see that this theme is called Nonprofit, and the buttons are set in Theme Options >Address Bar, and ou will see in the snapshot that I can set the buttons label, but not the url. My questions are...

1- How do I remove the Corporate button? If I leave it blank, I just get an orange square.

2- How can I actually set an url to these?

I know I can create a child theme, and address #1 with CSS and #2 with JS, but I think there should be an easier way since the theme provides these buttons.

BTW- even though in the screenshot it says Webdivia, under themes it says Nonprofit. I just inherited this website.

Thank you,
wp admin
Comment
Watch Question

Kelvin McDanielSr. Developer
CERTIFIED EXPERT

Commented:
I was able to find the “original” theme on Webdevia - http://themes.webdevia.com/nonprofit/. If I had to guess I would say those buttons were custom added, because I don’t see them anywhere in the theme demo.

Regardless, it’s a little difficult to diagnose the problem because we need to see the other associated options in the admin area so that we can rule out the ability to do what you are looking for directly in WP-Admin.

Are you self-hosted, using a third-party Wordpress service plan, or hosted by Wordpress directly? That answer will help us figure out the best course of action.
ZvonkoSystems architect
CERTIFIED EXPERT
Top Expert 2006

Commented:
This script will hide your [Corporate] button:
for(var a=document.links,i=0;i<a.length;i++)if(a[i].innerHTML=="Corporate")a[i].style.display="none";

In WP you have script editors where you can add upper statement when page is loaded (onLoad).

APD TorontoSoftware Developer

Author

Commented:
In WP you have script editors where you can add upper statement when page is loaded (onLoad).

Where is the editor?
Systems architect
CERTIFIED EXPERT
Top Expert 2006
Commented:
Look at your screenshot above and extend your script there like this:
<script id="mcjs">
!function(c,h,i,m,p){
m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/a82bf2dca9a3f642a08b2f256/55f890b2fb22b7a6205693ee3.js");
for(var a=document.links,n=0;n<a.length;n++)if(a[n].innerHTML=="Corporate")a[n].style.display="none";
</script>