breadcrumbs styling

#409958
  • Resolved Gaetan

    2 years, 6 months ago

    Rank Math pro
    Content AI Starter

    hi there, i am trying to style the breadcrumbs with css but i cant seem to target the border, to set it to zero pixels (i dont want borders) This is the css i have used:

    /*broodkruimels van rank math*/
    .rank-math-breadcrumb {
    display: flex;
    justify-content: left;
    font-size: 16px;
    color: brown;
    border: 0px !important;
    }
    .rank-math-breadcrumb > p {
    background: none;
    margin-bottom: 0;
    padding: 5px;
    border: 0px !important;
    }
    .rank-math-breadcrumb a {
    color: brown;
    }
    /*einde broodkruimels van rank math*/

    How can i target the border or outline that is default with rankmath breadcrumbs?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Prabhat

    2 years, 6 months ago

    Rank Math agency

    Hello,

    Thank you for contacting the support.

    By default, we do not add any borders to the breadcrumbs. It might be getting added by your theme.

    Could you share the URL of a page with the breadcrumbs so that we can have a look and see if we can share the CSS to remove it?

    Looking forward to helping you.

    Thank you.

    Gaetan

    2 years, 5 months ago

    Rank Math pro
    Content AI Starter

    Thank you for your quick reply. because this is a staging site you should set some host settings in your hosts file:

    c:\Windows\System32\Drivers\etc\hosts

    add these 2 lines:

    45.82.188.223 staging.woonsubliem.nl
    45.82.188.223 http://www.staging.woonsubliem.nl

    Here you can view the breadcrumbs with border: https://staging.woonsubliem.nl/veenendaal-groene-grens-fase-3/

    Jeremy

    2 years, 5 months ago

    Hello,

    Thank you for sharing your staging site.

    It seems that the border is being added by your page builder. In addition to that, the breadcrumbs is enclosed by <pre> and <code>.

    With that said, please try this CSS code instead to remove the said border:

    .wp-block-code {
    border: 0 !important;
}

    Let us know how that goes. Looking forward to helping you.

    Gaetan

    2 years, 5 months ago

    Rank Math pro
    Content AI Starter

    Thank you! That seems to work, i hope this will not unintentionaly target other items, but for now this seems ok.

    Sharmin Islam

    2 years, 5 months ago

    Rank Math agency

    Hello,

    We are super happy that we could address your concern. I

    If you do have another question in the future, please feel free to create a new forum topic, and it will be our pleasure to assist you again.

    Thank you.

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

You must be logged in to reply to this ticket.