Breadcrumb styling

#251634
Viewing 3 replies - 1 through 3 (of 3 total)
  • Jaideep Asrani

    3 years, 4 months ago

    Hello,

    Thanks for contacting us and sorry for any inconvenience that might have been caused due to that.

    Can you please confirm what styling you want to apply to your breadcrumbs? If you want to just change the background of the breadcrumb items or reduce the area that the background is covering.

    Looking forward to helping you.

    Shivam Kumar

    3 years, 4 months ago

    Rank Math free

    reduce the width of background as it is covering full space but i want it to background only for the area where breadcrumb text is appearing.

    Prabhat

    3 years, 4 months ago

    Rank Math agency

    Hello,

    Please replace your entire custom CSS for breadcrumbs with the below one and see if this gives you the desired output:

    .rank-math-breadcrumb {
    display: flex;
    justify-content: center;
    font-size: 16px;
    color: #91eaff;
}
.rank-math-breadcrumb > p {
     background: #2020201c;
     margin-bottom: 0;
     padding: 0 5px;
}
.rank-math-breadcrumb a {
      color: #91eaff;
}

    The above CSS code should give you the below result:
    Breadcrumbs screenshot in website

    Please let us know how that goes.

    Thank you.

    RankBot

    3 years, 3 months ago

    Hello,

    Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.

    If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.

    Thank you.

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

The ticket ‘Breadcrumb styling’ is closed to new replies.