Navigation
Archive / Breadcrumb css
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 14, 2017 at 5:31 pm #1407196

    dthom
    Participant

    Hi. Tweaking website (mysalus.org) and wanted to reduce the height of my bread crumbs line. I have the collowing css in the cusomizer custom css

    .x-breadcrumb-wrap {
    max-width: 1350px;
    margin: 0 0 10px;
    border-bottom: 0;
    padding-left: 10px;
    font-size: 12px;
    }

    AND

    p.breadcrumbs {
    margin: 0 0 0px !important;
    }

    but this last bit doesn’t seem to affect the bottom margin at all. From the inspector, this appears to be the right css but I am at a loss. Ideas?

    March 15, 2017 at 1:29 am #1407624

    Rupok
    Member

    Hi there,

    You need to decrease the padding top and bottom. You can use this CSS :

    .x-breadcrumb-wrap {
	padding: 5px 10px;
}

    Cheers!

    March 15, 2017 at 8:51 am #1407987

    dthom
    Participant

    Thank you. Worked great.

    March 15, 2017 at 9:23 am #1408027

    Rahul
    Moderator

    We are glad to know that the css helped you.

    Feel free to contact us and we will be happy to assist you 🙂

    Thanks!

  • Author
    Posts