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

    If you go to you will see that the breadcrumbs are currently above the slideshow and on the left, which makes them quite redundant since they are very close to the actual menu.

    But when I edit

    .breadcrumbs {

    margin-top: 40px;

    margin-left: 40px;


    if it makes it easier, I don’t care if I use breadcrumbs NAVXT or not. I dunno if is a custom one or not, but if I can have the code for that that works too!

    in customs to say, make it WAY lower (underneath the slideshow) and to the RIGHT, it actually ends up PUSHING DOWN the slideshow, and not going under it like I wish.

    I take it that this means the breadcrumb is located in the wrong element. For a reference, I really just want it to be below the slide show and on the RIGHT. This would make it above whatever heading comes after the slideshow depending on the page!



    Hi metropolitandetail,

    I believe I actually answered this in a similar thread of yours, but you need to add the float:right attribute to the breadcrumbs class and then you can add a right margin to push it to the position you would like.

    .breadcrumbs {
    margin-top: 180px;
    float: right;
    margin-right: 127px;


    Thanks! I have another question though. Can I create custom breadcrumbs margins for certain pages?


    yes: each page got its one body classes based on the page id. for example:

    hast the body class: page page-id-992 page-parent page-template-default boxed Chrome Chrome17

    you could now make modifications of a single element smply by prepending:

    .page-id-992 .breadcrumbs a{padding-right:20px;}


    Where do I make these changes? custom.css?



    exactly, just add the change to the custom.css file in your css folder :)

    Best regards,



    so I entered: .page-id-694 .breadcrumbs a{padding-left:50px;}

    with 50px as a random number just to get an idea of what’s happening and the crumbs didn’t move:


    I’d use margin values, (not padding) in your case – try following code instead:

    .postid-694 .breadcrumbs{
    margin-left: 40px;
    margin-top: 170px;

    Please note that if you use a post/portfolio single item the class is postid-XXX (eg postid-694) and not .page-id-694 (which is reserved for pages/portfolio overview pages).

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

The topic ‘Change Breadcrumbs NavXT position?’ is closed to new replies.