Breadcrumbs - by ljesha - on WordPress WooCommerce support

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

  • Avatar: ljesha
    ljesha
    Participant
    March 10, 2015 at 12:30

    How do I change the color of text in path?

    15 Answers
    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 10, 2015 at 13:31

    Please try to add this code into the custom.css file.

    .bc-type-3 a:hover{color:black !important}
    .bc-type-3 a{color:orange !important}
    

    With best regards
    Brian Johnson

    Avatar: ljesha
    ljesha
    Participant
    March 10, 2015 at 18:51

    This changes only the last part (in blue on picture in first post). The path before always stays white and on hover woopress default red.

    Avatar: Eva
    Eva Kemp
    Support staff
    March 11, 2015 at 10:57

    Hello,

    Please provide us with wp-admin panel credentials in Private Content.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ljesha
    ljesha
    Participant
    March 12, 2015 at 17:55

    There…

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    March 12, 2015 at 19:34

    Hello,

    I’ve added this code in custom.css file:

    .bc-type-4 a:hover {
    color: black !important;
    }
    .bc-type-4 a {
    color: orange !important;
    }

    Please clear browser cache and check the site again.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: ljesha
    ljesha
    Participant
    March 24, 2015 at 09:47

    How do I change the color of breadcrumbs separator?

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 24, 2015 at 09:59

    Hello
    Please use this code:
    .delimeter {background:pink; color:red !important}

    With best regards
    Brian Johnson

    Avatar: ljesha
    ljesha
    Participant
    March 24, 2015 at 11:35

    Thank you,

    I want the main menu to start from the beginning, without the first empty part.
    Also, can I adjust margins for specific menu field, since it seems I have to type one space(separator) in order to have a blank page title to be able to show only the home icon?

    Best regards

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 24, 2015 at 12:00

    1.Please try this code:
    .menu-wrapper .container{padding-left:0 ;margin-left:0 ;}
    2. You may adjust margins for menu itams via custom.css using this code as an example for every element :
    .menu-item-35{margin-left:500px}
    Please go the browser developer tools(in Chrome you can use right click on the selected menu item and then choose last option from the dropdown menu. This will allow you to get id of the selected menu item)
    You may see all necessary classes on this screenshot http://prntscr.com/6kpb7f.

    With best regards
    Brian Johnson

    Avatar: ljesha
    ljesha
    Participant
    March 24, 2015 at 16:23

    Great, now the hover effect goes over the first field border, tried to fix it but I can’t.

    Thanks for great support

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 24, 2015 at 16:48

    Hello

    You have added right code
    `.menu > li > a:hover{
    color: #fff !important;
    google-font: Pt Sans;
    font-size: 16px !important;
    background: white !important;
    }

    Please try to change white to anther color.

    With best regards
    Brian Johnson

    Avatar: ljesha
    ljesha
    Participant
    March 24, 2015 at 16:56

    I think you misunderstood me, I want the border to be white it’s just that mouse hover over the first menu item (home icon) stayed the same size and goes over the second field (O nama) after I changed that menu items size with .menu-item-100{margin-left:-12px ;margin-right:-14px}.

    Avatar: Eva
    Eva Kemp
    Support staff
    March 24, 2015 at 17:13

    Hello,

    Please add this code in custom.css:

    .menu-item-100 {
      margin-right: 0px !important;
    }

    Regards,
    Eva Kemp.

    Avatar: ljesha
    ljesha
    Participant
    March 25, 2015 at 14:27

    I don’t want to change the size of menu item but of the mouse hover over that item.
    Thank you

    Avatar: Eva
    Eva Kemp
    Support staff
    March 26, 2015 at 13:21

    Hello,

    I’ve removed the code
    .menu-item-100{margin-left:-12px ; margin-right:-14px}
    and added this one:

    .menu-item-100 a{
      padding: 9px 8px !important;
    }

    Please check menu now.

    Regards,
    Eva Kemp.

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

You must be logged in to reply to this topic.Log in/Sign up

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