breadcrumbs styling

#446985
  • Resolved Janet Macphelemy

    2 years, 4 months ago

    Rank Math free

    Hi,
    I’d like to use breadcrumbs on my woo commerce single product page, but when I use the standard breadcrumb widget in Elementor, I can’t style the entire breadcrumb at the beginning:; HOME/Category, which is ugly. When I try to customize the “HOME/Category” globally, it changes all the links throughout the site where I use links… So I decided to use the breadcrumb short code from RankMath. It works fine, but now I’m having a similar issue. I still can’t style the “Home” at the beginning of the breadcrumb, and I can’t style (color or font) the rest of the breadcrumb because there is no option in Elementor to do so.

    In my set up to enable breadcrumbs I can’t enable it. I see this message

    This option cannot be changed since your theme has added the support for Rank Math Breadcrumbs using:
    add_theme_support( ‘rank-math-breadcrumbs’ );

    suggestions welcome
    Thank you.

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

    2 years, 4 months ago

    Hello,

    Thank you for contacting Rank Math support, and sorry for the unexpected delays and any inconvenience that might have been caused due to that.

    To style the breadcrumbs coming from Rank Math, please try the CSS code below:

    .rank-math-breadcrumb *{
	color: #000;
}

    Please refer to this guide on how to apply CSS to your WordPress site: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

    Hope that helps and please do not hesitate to let us know if you need our assistance with anything else.

    Janet Macphelemy

    2 years, 4 months ago

    Rank Math free

    Your code works in the Edit mode, but when you look at it in Live view it doesn’t change…
    Also… I can’t change the font either as mentioned in my email message.

    Thanks

    Jeremy

    2 years, 4 months ago

    Hello,

    In this case, the CSS is probably overwritten by your theme.

    We might need to take a closer look at the settings. Please edit the first post on this ticket and include your WordPress login in the designated Sensitive Data section.

    Please do take a complete backup of your website before sharing the information with us.
    Sensitive Data Section

    It is completely secure and only our support staff has access to that section. If you want, you can use the below plugin to generate a temporary login URL to your website and share that with us instead:

    https://wordpress.org/plugins/temporary-login-without-password/

    You can use the above plugin in conjunction with the WP Security Audit Log to monitor what changes our staff might make on your website (if any):

    https://wordpress.org/plugins/wp-security-audit-log/

    We really look forward to helping you.

    RankBot

    2 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 ‘breadcrumbs styling’ is closed to new replies.