How do I change the home text with a icon in the breadcrumbs?

This topic has 5 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Sadikul Islam

  • Avatar: Sadikul Islam
    Sadikul Islam
    Participant
    May 16, 2022 at 15:40

    Hi, How do I change this home text with a home icon in the breadcrumbs,
    See the screenshot: https://media.d.pr/7fvXIG

    4 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 16, 2022 at 18:13

    Hello,

    You can use translation files for these purposes https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/ but instead of real translation just change the text to what you need.

    Regards

    Avatar: Sadikul Islam
    Sadikul Islam
    Participant
    May 16, 2022 at 18:39

    I didn’t get that, can you be more specific?

    I just want to change the home text with an icon in the breadcrumbs,
    Like this: https://media.d.pr/Vw3ySK

    Not the “Home” Text I have right now: https://d.pr/wGY4pT

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 16, 2022 at 19:43

    Hello,

    Oh, I see.
    Add the below code to Theme Options > Custom CSS

    .page-heading nav > a:first-of-type, .page-heading #breadcrumb > a:first-of-type {font-size: 0 !important;}
    .page-heading nav > a:first-of-type:before, .page-heading #breadcrumb > a:first-of-type:before {
        font-family:'xstore-icons';
        content: '\e953';
        font-size: 14px;
    }

    Regards

    Avatar: Sadikul Islam
    Sadikul Islam
    Participant
    May 17, 2022 at 06:13

    Thank you for the code

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How do I change the home text with a icon in the breadcrumbs?’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.