• Resolved DerrickG72

    (@derrickg72)


    Hello, I am curious to see how I can change the breadcrumbs color on my site.
    At the moment is Blue and dark gray. Is there a way to make them just white?

    I see in the Themes panels that Breadcrumbs are checked on and and I believe its powered by Yoast.

    Thanks,

    Derrick

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi Derrick

    Thanks for posting. If you have a moment, perhaps give our SiteOrigin CSS plugin a try. Once activated you’d head over to Appearance > Custom CSS, and click the “eye” icon to open the visual editor. To use your website menu to navigate between pages, click the magnifying glass icon.

    https://siteorigin.com/css/getting-started/

    SiteOrigin CSS can be installed from Plugins > Add New by searching for SiteOrigin CSS.

    You can also try changing the link color and link hover color at Appearance > Customize > Theme Design > General. It’ll change the breadcrumb link but might impact other links, you don’t want to target, you’ll need to test.

    https://siteorigin.com/vantage-documentation/customizing-vantage/theme-design/general/

    Thread Starter DerrickG72

    (@derrickg72)

    Hey Andrew, I actually have that plugin installed and running. But get this! I cant go past the main page! So I can only see changes on the homepage. I am using a staging site just to test. So I am kinda stuck!

    Thanks for the update. That’s where the magnifying glass icon comes in to close the inspector. Please, see the brief screencast at the below link.

    https://siteorigin.com/css/faq/

    Thanks!

    Thread Starter DerrickG72

    (@derrickg72)

    Ok, this is weird… When I go to inspect the breadcrumbs the only info I get is this:
    .breadcrumb_last
    html *
    span

    The first class .breadcrumb_last will give you color control for the selected/current item.

    If you select “Home” you should find an a tag you can target.

    Thread Starter DerrickG72

    (@derrickg72)

    So now that I did a color change I have the following:

    #yoast-breadcrumbs {
    color: #f5f0f0;
    }

    and when I saved the CSS and then checked the page it still didn’t change.

    Thread Starter DerrickG72

    (@derrickg72)

    It seems that it works fine in the preview of the visual editor but it doesn’t generate the proper color on the live site.

    Hi Derrick

    We have the budget to dive into Custom CSS in our premium support scope but, unfortunately, due to resource limitations, can’t dive too deep into CSS customizations in our free support scope.

    When using the SiteOrigin CSS visual editor, there should be an a tag within the container you’re targetting. It’s that tag that you’d need to target.

    Got you. Yeah, see if you can adjust what you’re targetting to include the a tag within the container.

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

The topic ‘breadcrumbs color change’ is closed to new replies.