• Resolved shootingtime

    (@shootingtime)


    Here is the code I inserted into my child theme’s page.php in order to get the breadcrumbs to work. I’d like a little space above the breadcrumbs though.. Any ideas on what could work?

    Thanks!

    get_header(); ?>
    
    	<div id="primary" class="content-area">
    		<div id="content" class="site-content" role="main">
    
    			<?php while ( have_posts() ) : the_post(); ?>
    <?php if ( function_exists('yoast_breadcrumb') ) {
    yoast_breadcrumb('<p id="breadcrumbs">','</p>');
    } ?>
    
    				<?php get_template_part( 'content', 'page' ); ?>

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter shootingtime

    (@shootingtime)

    I took a shot in the dark with

    .navigation-main {
    padding-bottom: 5;
    }

    Didn’t work 🙁

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter shootingtime

    (@shootingtime)

    I tried with chrome’s developer’s tools and am drawing a blank. I’m new but learning as I go. Suggestions?

    Thread Starter shootingtime

    (@shootingtime)

    I took a shot in the dark with

    .navigation-main {
    padding-bottom: 5;
    }

    Didn’t work 🙁

    Only one small syntax error: you have to add a unit after the number if it’s anything other than zero. That is, for padding-bottom, the value should be 5px and not just 5.

    However, I think you want to use margin-bottom instead of padding-bottom. padding-bottom will increase the area at the bottom of the menu bar (i.e., make the menu bar taller), while margin-bottom will give you some white space between the menu and the breadcrumbs bar. So try margin-bottom: 5px;.

    Thread Starter shootingtime

    (@shootingtime)

    With your help, I got it to work. Thank you very much. I also have a much better understanding of margins and paddings. 🙂

    Thanks!!

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

The topic ‘Need a space between breadcrumbs and header’ is closed to new replies.