Home › Forums › Pro Themes › Nature Bliss Pro › Remove "Archive:" from page title using "The Events Calendar" plugin

Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 15, 2018 at 12:34 pm #67917
    Patrick Appel
    Participant

    Can you please help me with removing the prefix “Archive:” from the page that displays my “The Events Calendar” plugin?

    List view shows “Archives: Events” on the page title.
    Month view shows “Archives:” on the page title.
    Day view shows “Archives: Events” on the page title.

    I’ve used this plugin an other sites I’ve helped develop and the plugin always just shows the title “Events” – the plugin developer, Modern Tribe Inc., said it must be somewhere in the theme config.

    I can’t find any page title code in the PHP anywhere and it’s driving me nuts! Thank you!

    March 16, 2018 at 1:01 am #67954
    wensolutions
    Keymaster

    Hello @appeltech,

    Can you provide your site URL so that we can provide the precise fix on this?

    Thank you 🙂 .

    Best Regards!!

    March 16, 2018 at 10:52 am #67988
    Patrick Appel
    Participant

    The website is http://archbaldboroughveteransmonumentpark.org/

    It’s still in dev but I put it live for you to access. The calendar in under “Upcoming Events”.

    Thank you!

    March 19, 2018 at 1:21 am #68076
    wensolutions
    Keymaster

    Hello @appeltech,

    To remove the Archives: text you have to use the custom JS and custom CSS.

    As for placing the custom JS, you can install and activate the plugin given below:

    https://wordpress.org/plugins/custom-css-js/

    You just activate the plugin and paste the JS given below:

    jQuery(function() {
    jQuery('.post-type-archive-tribe_events .page-title').each(function() {
        var text = this.innerHTML;
        var firstSpaceIndex = text.indexOf(" ");
        if (firstSpaceIndex > 0) {
            var substrBefore = text.substring(0,firstSpaceIndex);
            var substrAfter = text.substring(firstSpaceIndex, text.length)
            var newText = '<span class="firstWord">' + substrBefore + '</span>' + substrAfter;
            this.innerHTML = newText;
        } else {
            this.innerHTML = '<span class="firstWord hidden">' + text + '</span>';
        }
    });
});

    After that you also need to add CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    .hidden{
    display:none;
}

    Hope this Helps.

    Best Regards!!

    March 19, 2018 at 9:51 am #68124
    Patrick Appel
    Participant

    Thank you for your reply, however, I followed your instructions precisely but it did not remove the Archives: text — is there anything additional to try?

    March 19, 2018 at 4:30 pm #68142
    Patrick Appel
    Participant

    I just used:

    .firstWord{
    display:none;
    }

    in the custom css – it doesn’t seem to affect any other part of the site at least, but I noticed it doesn’t always work (sometimes it still shows Archive: but it works more often than not).

    It looks like my best fix for now however…

    March 20, 2018 at 12:22 am #68151
    wensolutions
    Keymaster

    Hello @appeltech,

    When we tried to inspect your site URL, we were unable to do so as your site is under construction so please provide access to your website so that we could inspect further and help you.

    Thank you 🙂 .

    Best Regards!!

    March 20, 2018 at 4:23 pm #68211
    Patrick Appel
    Participant

    It’s back up now – sorry about that.

    March 21, 2018 at 1:04 am #68230
    wensolutions
    Keymaster

    Hello @appeltech,

    When we inspected your site URL we found that the issue is resolved and we could find when exactly the issue is displayed.

    So if you found when exactly it will display, please let us know so that we can resolve the issue for you.

    Thank you.

    Best Regards!!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.