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
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
Ok to change the size of the title I found in Blog Post Title Heading…
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