Breadcrumbrs double name - by sotart - on WordPress WooCommerce support

This topic has 12 replies, 3 voices, and was last updated 9 years, 7 months ago ago by Eva Kemp

  • Avatar: sotart
    sotart
    Participant
    April 18, 2016 at 17:21

    Hello,

    In the categories and in the product page it specifies the breadcrumb path and underneath it has the category or product title (http://imgur.com/9mwnBIQ). I would like to have the title deleted and the breadcrumb path with larger fonts in order to decrease the height of that area. How can I do this?

    Please, contact administrator
    for this information.
    11 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    April 18, 2016 at 17:42

    Hello,

    I’ve added this code in Global Custom CSS. Please check.

    .page-heading #breadcrumb a,
    .page-heading #breadcrumb,
    .page-heading .delimeter {
        font-size: 24px !important;
    }
    .page-heading .title {
        display: none;
    }

    Regards,
    Robert Hall

    Avatar: sotart
    sotart
    Participant
    May 5, 2016 at 14:44

    Hello,

    Thanks for the code. Can I change the breadcrumb color on the last name?
    ie from the “Home/Birds/Angry Parrot” to change the color on the “Angry Parrot

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Participant
    May 5, 2016 at 16:22

    Hello,

    Add this code in Global Custom CSS:

    .page-heading .woocommerce-breadcrumb {
        color: red;
    }

    Regards,
    Eva Kemp.

    Avatar: sotart
    sotart
    Participant
    May 5, 2016 at 18:04

    Hello,

    It did not work. I even used #b7904d as a color and there was no change

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Participant
    May 5, 2016 at 18:21

    Hello,

    The reason is you copied whole post:

    Add this code in Global Custom CSS:
    
    .page-heading .woocommerce-breadcrumb {
        color: red;
    }

    I’ve left only code and removed the text. Please check breadcrumbs now.

    Regards,
    Eva Kemp.

    Avatar: sotart
    sotart
    Participant
    May 5, 2016 at 18:28

    Thank you so much. I am wondering is there a code to make the “Angry Parrot” (from the ie from the “Home/Birds/Angry Parrot”) larger as compared to the rest of the breadcrumbs?

    Avatar: Eva
    Eva Kemp
    Participant
    May 5, 2016 at 18:57

    Hello,

    Do you want to change font size for “Angry Parrot” only or for all breadcrumbs “Home/Birds/Angry Parrot”?

    Regards,
    Eva Kemp.

    Avatar: sotart
    sotart
    Participant
    May 5, 2016 at 19:04

    Basically I want for all products. ie “Home/Birds/XYZ” so I would like XYZ to be larger now that it has separate color

    Avatar: Eva
    Eva Kemp
    Participant
    May 5, 2016 at 19:34

    Hello,

    Please add this code in Global Custom CSS:

    .page-heading .woocommerce-breadcrumb {
       font-size: 24px !important;
    }
    .page-heading .delimeter {
        font-size: inherit;
    }

    Regards,
    Eva Kemp.

    Avatar: sotart
    sotart
    Participant
    May 5, 2016 at 19:37

    Thank you!
    Excellent help.

    Please close the thread

    Avatar: Eva
    Eva Kemp
    Participant
    May 5, 2016 at 19:40

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

The issue related to '‘Breadcrumbrs double name’' has been successfully resolved, and the topic is now closed for further responses

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