Home › Forums › WoodMart support forum › Our Magazine

Our Magazine

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #729806

    sevtra7
    Participant

    Hi,
    How can I disable only the Page Title text and Breadcrumbs on specific pages in WoodMart, while keeping the Page Title section and its background image fully visible? I do not want to disable the Page Title area itself. Is there a native per-page setting or a recommended WoodMart method for this?

    Best regards,

    Kad

    #729843

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Can you please share the page URL where you want to disable so I can further check on your site and give you a possible CSS code?

    Best Regards

    #729877

    sevtra7
    Participant

    Hi,
    We added some CSS code via the “Theme Customization + CSS” panel. On the desktop version, the page title and breadcrumbs no longer appear, but on tablets and smartphones, the page title (“Our Magazine” + breadcrumbs) is still visible. Our logo and the page title are redundant, so we want to keep only the logo (which already displays the page title).

    We would like to apply this same change to the “Our Blog” and “Our Portfolio” pages as well.

    See the screenshot!

    Best regards,

    Kad

    Attachments:
    You must be logged in to view attached files.
    #729905

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    It appears that this may be the Shop page, where the categories are being displayed within the Page Title area.
    Please navigate to:
    Theme Settings > Product Archive > Page Title

    and check the Categories in Page Title option. If enabled, you can disable it to remove the category links from the Page Title area while keeping the Page Title background visible.

    For the other pages where you want to hide the Page Title text and breadcrumbs while keeping the Page Title area/background visible, please share the URLs of those pages. We will check the pages and provide you with the appropriate CSS code to hide them on both desktop and mobile devices.

    Best Regards

    #731250

    sevtra7
    Participant

    Hello XTemos Support Team,

    We would like your assistance in implementing custom CSS to hide page titles and breadcrumbs on specific pages of our website, Brandsluxe.com.

    The pages concerned are:

    – The Brandsluxe Magazine
    – Facebook
    – Instagram
    – LINE
    – NAVER
    – RED
    – WeChat
    – Weibo
    – YouTube

    Our objective is to remove the page titles and breadcrumbs from these pages while **preserving the Page Title area and its background image**. We only want to hide the displayed title text and breadcrumb navigation, without affecting the header layout, background images, or other page elements.

    Furthermore, we may need to disable breadcrumbs on additional pages in the future. Therefore, we would appreciate it if you could provide a **flexible and easily customizable CSS solution** that allows us to specify the pages on which these elements should be hidden, without affecting other pages of the website.

    Ideally, the solution should also be compatible with both desktop and mobile devices.

    Could you please provide the appropriate CSS code and explain how we can customize it to add or remove pages in the future?

    Thank you for your assistance.

    Best regards,
    The Brandsluxe Team

    #731255

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    WoodMart doesn’t have a per-page setting to hide only the title text and breadcrumbs while keeping the Page Title section and its background image visible. The Disable page title option removes the entire section, while the breadcrumbs setting in Theme Settings applies globally.

    You can achieve this using custom CSS:

    1. Find each page ID
    Navigate to Pages in your WordPress dashboard and edit each page to find its ID.

    2. Add the CSS
    Navigate to Theme Settings > Custom CSS > Global CSS and add the following code, replacing the example IDs with your actual page IDs:

    The code below into the Global CSS field. Replace the example IDs with your real page IDs:

    .page-id-1111 .wd-page-title .entry-title,
    .page-id-1111 .wd-page-title .wd-breadcrumbs,
    .page-id-2222 .wd-page-title .entry-title,
    .page-id-2222 .wd-page-title .wd-breadcrumbs,
    .page-id-3333 .wd-page-title .entry-title,
    .page-id-3333 .wd-page-title .wd-breadcrumbs {
    display: none;
    }

    This code only hides the title text and breadcrumbs. The Page Title section, its background image and the header stay the same. Once the text is hidden, the section may look a little shorter.

    If anything doesn’t work as expected, please share the page URLs and we’ll check them.

    Best Regards.,

Viewing 6 posts - 1 through 6 (of 6 total)