6 replies · opened Jul 19, 2019
Hi,
After uploading the latest template, my breadcrumbs have lost spacing and the "/" symbol.
I've uploaded the images representing "before" and "after."
Please let me know how to modify the new CSS to show spacing and the "/" separator.
Here is the "old" CSS:
bootstrap.css:3876
.breadcrumb > li + li:before {
content: "/\00a0";
padding: 0 5px;
color: #cccccc;
}
The above does not appear in the new CSS. Here is what the equivalent snippet from the new CSS looks like:
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
color: #6c757d;
content: "/";
}
Hello,
This update is related to Bootstrap 4 which have changed their HTML Markup as well. Make sure that you have updated the HTML Codes as well to the Latest Version and this should automatically fix the issue.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Can you be a little more specific when you say "update the HTML codes"?
Is there a different include or what am I missing?
FYI the website is https://nimbio.com.
You can see an example of the breadcrumbs here:
https://nimbio.com/terms-of-use.html
Hello,
We mean that you will need to use the New Breadcrumbs HTML Code from the Bootstrap Website: https://getbootstrap.com/docs/4.3/components/breadcrumb/ . The new code looks like this:
- [Home](#)
- [Library](#)
- Data
This will definitely work fine. Hope this Helps!
Additionally, make sure that you do update all the Files including the HTML/CSS/JS/PHP Files when you update your Website to the Latest Version to avoid unexpected issues.
Let us know if we can help you with anything else or if you find any further issues.
Thanks guys, that worked!
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard