Breadcrumb

  • Hello,
    I would just like to display the breadcrumb on the pages. I don’t want to display the title. But it’s not possible, it’s mandatory to display the title. But I’ve found a solution to display the title differently from what’s proposed (without modifying the code). At the moment I can’t remember how I did it :)…
    In short, is it possible to display only Arianne’s thread without the title because when you check only Arianne’s thread it doesn’t work. My titles are sometimes very long and therefore overlap with the breadcrumb.
    Thank you in advance for your reply.

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

  • Hello @archinformatique,

    Please explain your issue, or tell us how you would like the section to look like, so we can understand and check it better. If you want to hide only the title and show breadcrumbs you can disable the “Display Heading” option in OceanWP Settings: https://postimg.cc/z3YkR6vF.

    Regarding this part: “My titles are sometimes very long and therefore overlap with the breadcrumb.” you can put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    @media(max-width: 480px) {
    .page-header {
        display: block;
    }

    .site-breadcrumbs {
        height: auto;
    }

    .site-breadcrumbs ol li {
        vertical-align: text-top;
    }

    .site-breadcrumbs ol li.trail-end a {
        white-space: break-spaces;
    }
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope that helps.

    Best Regards

    Thread Starter Archinformatique

    (@archinformatique)

    First of all, thanks for the quick reply. Finally in customize single post >Post Title Style> Intro it allows me to do what I want. And in page title>Breadcrumbs> just check Enable Breacrumbs.
    On the other hand, here’s what I did via FTP:
    single-header-ocean-2 .single-post-title {
    font-size: 24px; (currently 66px)
    text-transform: capitalize;
    text-align: left
    How to do it properly in Customizing > Custom CSS/JS > CSS Code:
    Unless you can do it directly from the customization interface.
    And finally, Breacrumbs is currently centered, just below the title, and I’d like to do: text-align: left… but I can’t find it in the code.
    Thanks in advance

    All the Best

    Thread Starter Archinformatique

    (@archinformatique)

    Ok to change the size of the title I found in Blog Post Title Heading…

    Thread Starter Archinformatique

    (@archinformatique)

    I figured it out, and it’s a lot simpler than all the “crap” I’ve been talking about. I’ll explain soon. Very sorry for the inconvenience

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Breadcrumb’ is closed to new replies.