[Resolved] CSS for moving down sidebar?

[gedosan]

HI

Since adding the breadcrumb I need to shift the right hand sidebar down a few pixels so it lines up with the main container. Could you tell me the CSS to use please?

Thanks!

[Tom]

It might be better to add the breadcrumb code into the “After Header” hook. That will push both the content and sidebar down the same amount.

Let me know if you need more info 🙂

[gedosan]

Interesting – added it to “After Header” hook and its completely disappeared?!

[Tom]

Remove the negative margin you added here:

.grid-container.yoast-breadcrumb {
    margin-top: -20px;
    margin-bottom: 15px;
    font-size: 14px;
}

[gedosan]

all sorted – any way i can exclude from the homepage?

[Tom]

In your hooks, do this:

<?php if ( ! is_front_page() ) : ?>
    Your code here
<?php endif; ?>

[gedosan]

sorry man, do i need to stitch these together then?

<?php if ( function_exists(‘yoast_breadcrumb’) ) : ?>

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

<?php endif; ?>

<?php if ( ! is_front_page() ) : ?>
Your code here
<?php endif; ?>

[Tom]

What’s the exact code you have in there now? It should include a grid-container etc..

Let me know and I’ll tweak it for you 🙂

[gedosan]

here you go cheers:

<?php if ( function_exists(‘yoast_breadcrumb’) ) : ?>

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

<?php endif; ?>

[Tom]

Hmm, seems to be missing some HTML I see on your site.

Either way, you would do this:

<?php if ( function_exists( 'yoast_breadcrumb' ) && ! is_front_page() ) : ?>
    <?php yoast_breadcrumb( '<p id="breadcrumbs">','</p>' ); ?>
<?php endif; ?>

[gedosan]

gone from home page (cool), but looks a bit messed up now (over to the left and missing CSS by looks of it) on other pages

[gedosan]

dont worry fixed now…thanks!

[Tom]

Sounds like the missing container stuff I mentioned. Glad you got it working! 🙂

[Author]

Posts