How to remove “Archive” title from the blog archive front page?

  • Resolved gartenfreunde

    (@gartenfreunde)


    5 months ago

    Hello everyone,

    I might be mistaken, but I think that the blog archive on the front page did not always have a title. There is no customizer option to remove it, it seems. It’s distracting and also a wrong language.

    How can I remove it? We’re using Sydney in the free version. Thank you!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi @gartenfreunde,

    Try adding this simple jQuery code to your site’s footer with the help of additional plugin like code snippets.

    jQuery(function($) {

      if( $('.archive-title').length ) {
        var arvTitle =  $('.archive-title').text();
        var NewArvTitle = arvTitle.replace('Category: ', '');
        $('.archive-title').text(NewArvTitle);
      }

    });
    Thread Starter gartenfreunde

    (@gartenfreunde)

    Thank you for this, unfortunately it does not seem to have any effect.
    Am I doing this right?
    * Plugin WPCode
    * New JavaScript snippet
    * Insert automatically
    * Use on whole website in footer

    Hi @gartenfreunde,

    Thanks for trying.

    Sorry, I missed one thing.

    Please try replacing the code with this:

    jQuery(function($) {

      if( $('.archive-title').length ) {
        var arvTitle =  $('.archive-title').text();
        var NewArvTitle = arvTitle.replace('Category', '');
        $('.archive-title').text(NewArvTitle);
      }

    });
    superjeap

    (@superjeap)

    Thanks Kharis for tying to help, I’ve got the same issue.

    Unfortunately this solution did not work for me. Perhaps because my site is in Dutch ?

    Its the first big title on this page [Archieven] : https://www.bakkermotors.nl/

    Hi @superjeap,

    Thanks for getting back.

    Upon checking your site doesn’t have suggested JavaScript code.

    Alternatively, you may want to try hiding it with this simple CSS code:

    .home.blog .page-header {
        display: none;
    }

    Add it to Appearance > Customize > Additional CSS from dashboard.

    Thread Starter gartenfreunde

    (@gartenfreunde)

    Dear Kharis,

    your improved scriptlet didn’t work either, I’m afraid, but the css code did!

    Thank you very much!

    Kharis,

    the CSS code worked perfectly!
    Thanks a lot!

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.