Edin Theme – need css to hide breadcrumb navigation on a single page

• 

  pragmaticcommunication · Member · Sep 2, 2017 at 7:27 pm

  • Copy link
  • Add topic to favorites

  I have the css upgrade and I’m using the following code to hide elements on a single page.

  .page-id-17508 #masthead, .page-id-17508 #sidebar-footer {
  display: none;
  }

  I’ve successfully hidden everything except the breadcrumb navigation.

  The page I’m struggling with is here:
  https://pragmaticcompendium.com/covers-by-julie-stiles-mills/

  Thanks in advance for any help!

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

• 

  shubhamgmath · Member · Sep 3, 2017 at 9:47 am

  • Copy link

  Hi

  You are just adding display property in header and footer class to hide breadcrumbs you need to add display property for class ( .entry-breadcrumbs ).

  //code-need-to-add
  .page-id-17508#entry-breadcrumbs{
  display: none;
  }

  Hope this code will help you.

• 

  shubhamgmath · Member · Sep 3, 2017 at 11:24 am

  • Copy link

  Hi

  Sorry i missed one thing.
  entry_breadcrumbs is class so we need to put . not #
  Could you use this code

  //code-need-to-add
  .page-id-17508 .entry-breadcrumbs{
  display: none;
  }

• 

  pragmaticcommunication · Member · Sep 3, 2017 at 5:14 pm

  • Copy link

  shubhamgmath,

  THANK YOU! That worked perfectly!