How to Manage Banner Section

You can add a banner image to all pages or individual pages. Additionally, you can enable or disable breadcrumbs and choose the breadcrumb type. Breadcrumbs display the hierarchy of your web pages, allowing visitors to navigate back to a previous page or explore related content.

appt-89

1. How to manage Breadcrumb?

Go to => WP-Menu => Appearance => Customize => Header Settings => Breadcrumb

  • Toggle to enable/disable the breadcrumb from the banner section
  • Select the breadcrumb type option that helps you show the breadcrumb text using the given plugin options like Default, Yoast SEO, Rank Math SEO, and Breadcrumb NavXT

2. Can I add Banner Image for All Pages?

Yes of course, You can add image using Css. Follows this step.

.page-title-section{
background:url('your image path');
}

Go to => WP-Menu => Appearance => Customize => Header Settings => Custom CSS

As you can see above the code. You need to enter this code in CSS Snippet, then Save & Publish. Refer attach screen shot

appt-67-new

3. Can I add Banner image on Specific Pages?

Yes of course, You can add image using Css. Follows this step.

.page-id-(your page id) .page-title-section{
background:url('your image path') !important;
}
For Example.
.page-id-43 .page-title-section{
background:url('your image path') !important;
}

Go to => WP-Menu => Appearance => Customize => Header Settings => Custom CSS

As you can see above code. You need to enter this code in CSS Snippet, then Save & Publish. Refer attach screenshot

appt-67-new

Tagged: