Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #15498


    i have read this post:

    i’ve installed yoast wordpress-seo and activated breadcrumbs, then put the code, below, in the header.php but i would like the breadcrumbs to show up under the header, in small text, above the page title

    could you please tell me which php file i need to add this to, and where:

    <?php if ( function_exists(‘yoast_breadcrumb’) ) {

    yoast_breadcrumb(‘<p id=”breadcrumbs”>’,'</p>’);

    } ?>

    also, could you tell me what i need to reference in the custom.css file to make the breadcrumb text small and a unique colour

    thank you! jodi


    Hi jodi,

    Kindly post a link to your site, so we can give you a more accurate css snippet. :)




    hi ismael

    sorry for the delay – i have been away and didn’t have this post flagged on my laptop

    the site is here:

    it is currently password protected:


    thank you :)


    Hi webWahine,

    Apologies for our delay in responding. The files you’ll need to edit are essentially all the ones that have the word “content” in them such as content.php, content-page.php, etc.

    You’ll want to the breadcrumb code directly after this line.

    <header class="entry-header">

    Then in your custom.css or Quick CSS add something like the following:

    p#breadcrumbs { font-size:12px; }

    You would change the 12px to whatever size you want.




    hi mya

    thanks for the reply but i have looked in all of the ‘coherence’ dirs and don’t see any php files with ‘content’ – please advise

    thanks :) jodi


    Hi jodi,

    Try to open page.php and find this line of code:

    <!-- ####### MAIN CONTAINER ####### -->
    <div class='container_wrap <?php avia_layout_class( 'main' ); ?>' id='main'>

    <div class='container'>

    below it, put the breadcrumbs code

    Also edit the following files:





    The said files will not look exactly like the one I have posted above but they have this pattern:

    <!-- ####### MAIN CONTAINER ####### -->
    <div id='main'>

    <div class='container'>

    Hope this would help. :)




    thank you, ismael; that worked :)


    Hi jodi,

    Glad that we could help. :) I’ve marked this as resolved. :)



Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘breadcrumbs above page titles’ is closed to new replies.