tejas5989

Hello John Havlik (?@mtekk?)

Thank you for sharing your feedback on my queries. I have resolved the issue by following your instructions.

Thank you!

Hello John Havlik ( @mtekk )

Thank you so much for the response. We have no issue where we have used the bcn_display_list() function. We have an issue on Gutenberg sites where we have displayed the BreadCrumb using the Gutenberg block provided by the BreadCrumb Navxt.

BreadCrumb Navxt block binding the <li> tags directly to the <div class=”breadcrumbs ” typeof=”BreadcrumbList” vocab=”https://schema.org/”&gt; tag in place of any <ul> or <ol> tag.

Here is the Screenshot for your reference. Waiting for the

Thanks,

Hello @maybellyne

Thanks for your feedback.

Actually, my concern is https://www.vettechcolleges.com/blog is the parent page. But if you will see the breadcrumb schema, there is in the itemListElement at the position 1 the URL is displaying is the Blog Custom Post type slug URL & it should be not there because there is no meaning to display it as it’s hidden from the site.

We know the tool is giving not any error but the following code should not be there which is displaying under the breadcrumb schema.

{"@type":"ListItem","position":1,"name":"Blogs","item":"https://www.vettechcolleges.com/postblog"}

We are not getting any idea why the registered slug URL is displaying in Schema.

Please let us know the solution on it whether it is possible to remove it or not? If yes then what will be the way?

Thanks,

Hi block09,

I checkout url given by you. To solve this issue you need do code because recent posts are coming through widget. So if you have no idea about coading then just follow the bellow steps.

1) First loging admin side and go to back-end.

2) Then on left side there is option of “Appearance”. Select it and inside it Select “Editor” option.

3) So it will open “Stylesheet (style.css)” so at the end just put below code that i am putting and click on update file button.

#secondary .widget_recent_entries ul li a {
font-size: 14px;
}

Here you can increase or decrease the size of font as much you want.

Thanks,
Tejas

Hi sarfarazshukkoor,

To solve your issue you just need to put the hierarchy for the menu. For example menu is displaying in particular <div> tag and it has class like “header-menu” then it will be like dis <div class=”header-menu”> so apply css like this.

div.header-menu ul.main-menu li.menu-item-97 a
{
border-radius: 5px;
}

Main thing is the hierarchy.

Thanks,
Tejas