LebCit

@ghassanalqazzaz,
If the following does not work, than you have made a nasty CSS change(s) to your theme and I can’t help you. I suspect that you messed around your theme with jQuery… Try this :

#mainnav ul .current-menu-item {
    background-color: red; /* you can replace red by any color or any HEX value like #fff or #d65050 */
}
#mainnav ul .current-menu-item a {
    color: yellow; /* you can replace yellow by any color or any HEX value like #fff or #d65050 */
}

OR

#mainnav ul li.current-menu-item {
    background-color: red; /* you can replace red by any color or any HEX value like #fff or #d65050 */
}
#mainnav ul li.current-menu-item a {
    color: yellow; /* you can replace yellow by any color or any HEX value like #fff or #d65050 */
}

Hello @gofal,

A picture is not enough, give us a link to check the id/class of the box.

SYA 🙂

@ghassanalqazzaz, I can’t help you further unless you provide me a link or the class of a current menu item.

Hello @d4rio,

You are most welcome !

SYA 🙂

Hello @geozai,

You are most welcome !

SYA 🙂

Hello @ebfigueroa

First you should use a child theme or a custom CSS plugin for your changes or you will loose them on the next update of your theme.
To remove the tags use this in the style.css of your child theme or in your custom CSS plugin

.blog .entry-thumbnail-category {
    display: none;
}

This will remove the categories on the thumbnails of the blog since it’s your homepage

.blog .entry-thumbnail-category {
    display: none;
}

This will remove the categories on the thumbnails anywhere in the site

SYA 🙂

Hello @pdegelder

Since the code didn’t work, I’ve decided to install the Vortex Theme and make all the necessary changes to the code. It’s my fault…
Did you notice that this theme hasn’t been updated in over 2 years ?!

1- mybuttonclick.js A NASTY ERROR ABOVE WHILE TARGETING THE BUTTON AND IT’S ID 🙁

(function($) {

    $('#mybutton').on('click', function() { /* this line changed ! */
        $(this).toggleClass('clicked');
    });
  
})(jQuery);

2- functions.php NO CHANGES !

function mybutton_script() {
    wp_enqueue_script( 'mybuttonscript', get_template_directory_uri() . '/js/mybuttonclick.js', array( 'jquery' ), '', true );
}
add_action( 'wp_enqueue_scripts', 'mybutton_script' );

3- style.css

.clicked {
    background-color:#357EBD;
    color:#fff;
}

.clicked:hover { /* ADDED TO REMOVE THE DEFAULT HOVER EFFECT AND REPLACED IT WITH THE DESIRED ONE */
    background-color:#357EBD;
    color:#fff;
}

DON’T TELL ME IT’S NOT WORKING 🙂 I’VE TRIED IT MYSELF 🙂
Just kidding, don’t hesitate, tell me if I can help your more.

SYA 🙂

Hello @pdegelder

If you gave me a link from the beginning it would have been easier.
Now that I see your theme config, it’s easier for me to help you get it done.

1- First your button is <button class="mybutton" value="click me">click me</button>
it should have an id of mybutton ! No need here for the value !
<button id="mybutton">click me</button>

2- Change the active class by clicked !
$(this).toggleClass('active'); BECOMES $(this).toggleClass('clicked');
AND

.clicked{ /* HERE WE JUST REPLACE active by clicked */
    background:#357EBD;
    color:#FFF
}

3- You have to note that the theme you are using have a style for button(s)
So it might affect the behavior a little bit.

Tell me if it works or not, I’ll help you get it done, even concerning the theme button(s) style.

I’m LebCit by the way 🙂
SYA = See You Around 🙂