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

    If you go to http://revamp.metropolitandetail.com 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 http://www.kriesi.at/themedemo/?theme=corona 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!

    Thanks!

    #67863

    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;
    }

    #67864

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

    #67865

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

    http://revamp.metropolitandetail.com/?page_id=992

    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;}

    #67866

    Where do I make these changes? custom.css?

    #67867

    Hi!

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

    Best regards,

    Kriesi

    #67868

    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:

    http://revamp.metropolitandetail.com/?p=694

    #67869

    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.