Return to previous page

Breadcrumbs - by ljesha - on WordPress WooCommerce support

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

ljesha

Participant

March 10, 2015 at 12:30

How do I change the color of text in path?

#48491 Copied

15 Answers
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
#48521 Copied
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.

#48634 Copied

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.

#48731 Copied

ljesha

Participant

March 12, 2015 at 17:55

There…

Please, contact administrator
for this information.

#49189 Copied
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.
#49223 Copied
ljesha

Participant

March 24, 2015 at 09:47

How do I change the color of breadcrumbs separator?

#51916 Copied

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

#51922 Copied

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

#51946 Copied

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

#51949 Copied

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

#52062 Copied

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

#52069 Copied

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}.

#52072 Copied
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.
#52080 Copied
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

#52280 Copied
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.
#52524 Copied
Viewing 16 results - 1 through 16 (of 16 total)