Removing page titles from featured images using Edin theme

  • Unknown's avatar
    hascd373 · Member ·

    I found the CSS instructions below to remove page titles from featured images using Edin theme, followed the directions for Edin, by inputting the following into the CSS:
    .hero-wrapper .page-title {
    display: none;
    }
    https://en.forums.wordpress.com/topic/removing-titles-over-featured-image-edin-theme?replies=6

    However, it did not remove the page titles from the featured images. Does the change occur immediately?

    The site is http://www.hascd.org

    I hope you can help.

    Thank you!
    Donna

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    michaelvandenberg · Member ·

    Howdie,

    Try this: 

    .hero .page-title {
	display: none;
}

    This should hide all the titles from featured images.

    I hope this helps!

    Best regards,

    Michael

  • Unknown's avatar
    hascd373 · Member ·

    Aloha Michael,
    Thank you for your help. It removed the title from the Home page featured image. Unfortunately, it did not work for any other page. Any idea why it’s not working for all pages?

    Someone posted this code for a different theme, and it worked for the Home page (4 is the ID#) featured image. When I replaced the page ID number with an ID from another page, it didn’t work.

    .page-id-4 .hero .page-title {
    display: none;
    }

    Thanks,
    Donna

  • Unknown's avatar
    michaelvandenberg · Member ·

    Oh, that’s strange. It seems to be working here.

    Could you please try again and save the custom css so I can detect what’s going wrong?

  • Unknown's avatar
    hascd373 · Member ·

    Hi Michael,
    It works! When I “saved the CSS style sheet” using the CSS editor, it effected all the pages. In the preview mode, it appeared it only effected the Home page. YAY!

    Thank you for your help!!
    Donna

  • Unknown's avatar
    michaelvandenberg · Member ·

    That’s great! And you’re welcome :)

  • Unknown's avatar
    hascd373 · Member ·

    Hi Michael,
    We are so grateful you knew how to resolve this issue. We were curious, rather than having all of the page titles hidden/removed from the featured images, is there a way to select some and not others?

    Thank you!
    Donna

  • Unknown's avatar
    michaelvandenberg · Member ·

    Hi Donna,

    Sure. That’s possible. We just have to be more specific.

    So, this will remove the page title on the front page (the home page): 

    .home .hero .page-title {
	display: none;
}

    And this will remove the page title on this page: 

    .page-id-212 .hero .page-title {
	display: none;
}

    And this will remove the page title on this page: 

    .page-id-43 .hero .page-title {
	display: none;
}

    You can also combine pages, so this will remove the page title on all three pages but not on any other page: 

    .home .hero .page-title,
.page-id-212 .hero .page-title,
.page-id-43 .hero .page-title {
	display: none;
}

    It’s like a list of pages with each page seperated by a comma. :)

    If you want to know the page id you just have to look at the source and find the body tag:
    <body class="page page-id-43 page-template page-template-page-templates page-template-full-width-page page-template-page-templatesfull-width-page-php custom-background mp6 customizer-styles-applied has-custom-background has-header-search navigation-classic no-sidebar-full has-site-logo highlander-enabled highlander-light custom-colors">

    Or you can edit the page and look at the Edit Page URL. The number at the end is the page ID.

    Let me know if this helps! :)

  • Unknown's avatar
    hascd373 · Member ·

    Hi Michael,
    You’re AWESOME! Thank you!! This is a huge help and so appreciate the time you took to point out some time-saving steps, too.

    Aloha,
    Donn

  • The topic ‘Removing page titles from featured images using Edin theme’ is closed to new replies.